js倒计时

最新推荐文章于 2025-09-07 16:33:27 发布

转载最新推荐文章于 2025-09-07 16:33:27 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webPang/p/8527280.html

本文分享了一段倒计时代码实例，通过JavaScript实现日期差异计算，并以年、月、日、时、分、秒的形式展示。代码直接操作DOM元素更新时间，适用于网页实时倒计时需求。

网上找了一些关于倒计时的例子。。

发现基本上都是这样的

d = Math.floor(leftTime/1000/60/60/24);  
h = Math.floor(leftTime/1000/60/60%24);  
m = Math.floor(leftTime/1000/60%60);  
s = Math.floor(leftTime/1000%60);

我昨天写了一个比较有意思的例子

显示结果也完全没有问题

运行结果：

代码如下;

代码随便写的，优化美观方面没有考虑。

        <script>
            let aTime = (new Date('2018/03/9 00:00:00')).getTime();
            function times(data){
                let time = new Date(data);
                let Y = time.getFullYear()==1970?0:time.getFullYear()-1970;
                let M = time.getMonth()<10?0+(time.getMonth()):time.getMonth();
                let d = time.getUTCDate()-1;
                let H = time.getUTCHours();
                let m = time.getMinutes();
                let s = time.getSeconds();
                return [Y,M,d,H,m,s]
            }
            
            setInterval(() => {
                let tadayTime = (new Date()).getTime();
                let difference = (aTime - tadayTime);
                let [Y,M,d,H,m,s] = times(difference);
                document.getElementById('time').innerHTML = `${Y}年${M}月${d}日${H}时${m}分${s}秒`;
            }, 1000);
         
        </script>
    </head>
    <body>
        <p>倒计时：</p>
        <p id="time"></p>
    </body>