JavaScript实现倒计时_请用javascript中window相关方法实现倒计时功能-CSDN博客

本文介绍了如何使用JavaScript实现倒计时功能，提供了带有注释的代码示例，并展示了倒计时的运行效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript实现倒计时

请先看后面的效果是不是你想要的，不是请出门好嘛！！！
直接上代码，代码有注释，希望你能看懂，哈哈哈哈！！

<body>
    <script>
        window.onload = function() {
            var it = window.setInterval("showtime()", 1000);
        }//用来间隔性的调用showtime函数

        /*实现倒计时*/
        function showtime() {
            var aim = new Date("2020-11-19T18:00");//确定目标时间
            var nowtime = new Date();//获取当前时间对象
            var time = aim - nowtime;//得到两者的时间差，结果是以毫秒计算的值
            var hour = parseInt(time / 3600000);//利用毫秒值来计算剩余的小时
            var tem = time % 3600000;//余数就是对应的小时剩下的毫秒值
            var minu = parseInt(tem / 60000);//利用剩下来的毫秒值计算分钟值
            var tem2 = tem % 60000;//同上
            var sec = parseInt(tem2 / 1000);
            document.getElementById("date").innerHTML = hour + "时" + minu + "分" + sec + "秒";//获取div标签，并添加内容
        }
    </script>
    <div id="date"></div>
</body>