js 动态展示 倒计时
时间: 2023-10-04 09:11:42 浏览: 110
很高兴回答你的问题。对于js动态展示倒计时,你可以使用setInterval()函数和Date对象来实现。具体实现步骤可以参考以下代码:
```javascript
var countDownDate = new Date("Dec 31, 2021 23:59:59").getTime(); // 设置倒计时结束时间
var x = setInterval(function() {
var now = new Date().getTime(); // 获取当前时间距离1970年1月1日之间的毫秒数
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("demo").innerHTML = days + "天 " + hours + "小时 "
+ minutes + "分钟 " + seconds + "秒 "; // 将倒计时结果展示在页面上
if (distance < 0) { // 如果倒计时结束,清除定时器,展示倒计时结束提示
clearInterval(x);
document.getElementById("demo").innerHTML = "倒计时结束!";
}
}, 1000);
```
希望能够帮助到你。如果还有其他问题,请随时提出。
阅读全文
相关推荐















