zoukankan      html  css  js  c++  java
  • 倒计时效果显示

    <!DOCTYPE html>
    <html>
    <head>
        <title>倒计时效果显示</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <script type="text/javascript" src="https://code.jquery.com/jquery.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            var interval = 1000;
            function ShowCountDown(year,month,day,divname)
            {
                function checkTime(i) {
                    if (i<10) {
                        i="0"+i;
                    }
                    return i;
                }
                var now = new Date();
                var endDate = new Date(year, month-1, day);
                var leftTime=endDate.getTime()-now.getTime();
                var leftsecond = parseInt(leftTime/1000);
                var day1=Math.floor(leftsecond/(60*60*24));
                var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
                var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
                var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
                hour=checkTime(hour);
                minute=checkTime(minute);
                second=checkTime(second);
                var cc = document.getElementById(divname);
                cc.innerHTML = "仅剩:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
            }
            window.setInterval(function(){ShowCountDown(2015,9,20,'showTime');}, interval);
        })
        </script>
    </head>
    <body>
    <p id="showTime">仅剩:0天02小时00分15秒</p>
    </body>
    </html>

  • 相关阅读:
    属性MyBank
    C#语法
    NTE与C#
    css3制作网页动画
    网页定位元素
    使用ADO.NET访问数据库
    连接查询和分组查询
    模糊查询和聚合函数
    习题集
    用sql语句操作数据
  • 原文地址:https://www.cnblogs.com/maxiaodan/p/4776421.html
Copyright © 2011-2022 走看看