首页 > Web开发 > 详细

计时器js

时间:2015-11-28 16:33:55      阅读:243      评论:0      收藏:0      [点我收藏+]

<html>
    <head>
        <title>计时器</title>
        <meta charset="utf-8" />
    </head>
    <style>
        .time{font-family:宋体;font-size:25px;color:#6BADC6}
    </style>
<body>

    <div class="time">
        距离活动结束时间:<span id="timer" style="color:"></span>
    </div>

    <script language=javascript>  
        function show_date_time(){
            window.setTimeout("show_date_time()", 1000); //每秒执行此函数
            timeold=((new Date()).getTime()-(new Date("1/1/2016 23:59:00")).getTime());//结束时间减去当前时间的毫秒数
            sectimeold=timeold/1000 //转换成秒
            secondsold=Math.floor(sectimeold); //返回小于等于其数值参数的最大整数
            msPerDay=24*60*60*1000  //一天的总秒数
            e_daysold=timeold/msPerDay
            daysold=Math.floor(e_daysold);
            e_hrsold=(e_daysold-daysold)*24;
            hrsold=Math.floor(e_hrsold);
            e_minsold=(e_hrsold-hrsold)*60;
            minsold=Math.floor((e_hrsold-hrsold)*60);
            seconds=Math.floor((e_minsold-minsold)*60);
            timer.innerHTML=""+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
        }
        show_date_time();
    </script>
</body>
</html>

计时器js

原文:http://www.cnblogs.com/sunny520/p/5002781.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!