JS倒计时实现-优快云博客

本文链接：https://blog.youkuaiyun.com/laozhangu/article/details/13008305

这个比较简单，完整代码如下：

<html>
<head>
    <title>js倒计时效果--距离2020年元旦还剩。。。</title>
    <script type="text/javascript">
        window.onload = function () {
            function timeDistance() {
                var oldTime = new Date(2013, 9, 1, 0, 0, 0); /*这里代码2013年10月1日凌晨，之所以为9是因为js中，月份索引为0-11,所以9表示10月*/
                var newTime = new Date();
                var dis = (newTime - oldTime) / 1000; //相差秒
                var day = Math.floor(dis / 60 / 60 / 24);
                dis -= day * 24 * 60 * 60;
                var hour = Math.floor(dis / 60 / 60);
                dis -= hour * 60 * 60;
                var mm = Math.floor(dis / 60);
                var sec = Math.floor(dis - mm * 60);
                //alert("相距"+day+"天 "+hour+"小时 "+mm+"分 "+sec+"秒");
                document.getElementById("p1").innerHTML = "距离2013年10月1日凌晨：" + day + "天" + hour + "小时" + mm + "分" + sec + "秒";
            }
            timeDistance();
            setInterval(timeDistance, 1000);
        }
    </script>
</head>
<body>
    <p id="p1">
    </p>
</body>
</html>

日期-时间间隔的实现