javascript写一段倒计时
时间: 2023-12-15 16:54:21 浏览: 31
代码!
好的,这是一个简单的 JavaScript 倒计时代码:
HTML 代码:
```
<div id="countdown"></div>
```
JavaScript 代码:
```
// 设置目标日期
var targetDate = new Date("August 31, 2022 23:59:59").getTime();
// 每 1 秒更新一次倒计时
var countdown = setInterval(function() {
// 获取当前日期和时间
var now = new Date().getTime();
// 计算时间差
var distance = targetDate - 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); // 每 1 秒更新一次
```
这个代码会在页面上显示一个倒计时,以天、小时、分钟和秒钟的格式显示距离 2022 年 8 月 31 日晚上 11:59:59 的时间差。如果倒计时结束,则会在页面上显示“倒计时结束!”