首页用JS书写一个倒计时程序

用JS书写一个倒计时程序

时间: 2024-05-11 14:19:55 浏览: 85

好的，以下是一个用 JavaScript 编写的简单倒计时程序： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时程序</title> </head> <body> <h1 id="countdown"></h1> <script> // 设置倒计时结束的时间 var countDownDate = new Date("Jan 1, 2022 00:00:00").getTime(); // 每秒更新一次倒计时 var countdown = setInterval(function() { // 获取当前时间 var now = new Date().getTime(); // 计算距离结束时间还有多少毫秒 var distance = countDownDate - now; // 计算出时分秒 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // 将时分秒显示在页面上 document.getElementById("countdown").innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 "; // 如果倒计时结束，清除计时器 if (distance < 0) { clearInterval(countdown); document.getElementById("countdown").innerHTML = "倒计时结束"; } }, 1000); </script> </body> </html> ``` 这个程序会在页面上显示一个倒计时，倒计时的结束时间是 2022 年 1 月 1 日零点。每秒钟会更新一次倒计时，直到倒计时结束。

阅读全文