js实现倒计时例子-深圳市一键一家网络科技有限公司

关键字： js javascript 倒计时例子

<html>
    <head>
        <title>倒计时</title>
        
        <style type= "text/css">
            .daojishi h2
            {
                font-family:Helvetica, Microsoft YaHei, Arial, sans-serif;
                font-size:14px;
                margin-bottom:5px;
                color:#151515;
            }
            .daojishi #timer
            {
                font-family:Helvetica, Microsoft YaHei, Arial, sans-serif;
                font-size:14px;
                color:#151515;
                font-weight:bold;
            }
        </style>
        <script type = "text/javascript" src = "timer.js">
        </script>
    </head>
    <body onload = "timer()">
        <div class = "daojishi">
            <h2>剩余时间为：</h2>
            <div id = "timer">
            </div>
        </div>
    </body>
</html>

timer.js

[javascript]
function timer()
            {
                var ts = (new Date(2012, 11, 11, 9, 0, 0)) - (new Date());//计算剩余的毫秒数
                var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
                var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
                var mm = parseInt(ts / 1000 / 60 % 60, 10);//计算剩余的分钟数
                var ss = parseInt(ts / 1000 % 60, 10);//计算剩余的秒数
                dd = checkTime(dd);
                hh = checkTime(hh);
                mm = checkTime(mm);
                ss = checkTime(ss);
                document.getElementById("timer").innerHTML = dd + "天" + hh + "时" + mm + "分" + ss + "秒";
                setInterval("timer()",1000);
            }
            function checkTime(i)
            {
               if (i < 10) {
                   i = "0" + i;
                }
               return i;
            }

深圳市一键一家网络科技有限公司官方网址：http://www.songhu9.com.cn
QQ:316675593,电话号码:19807655856
业务范围：公司网站建设、管理软件研发、软件网站二次开发、400电话、电商平台研发、公众号研发！
免责申明：本站内容均来源于网络，版权归原创所有，如有任何版权方面的问题，请与我们联系处理！

相关新闻