javascript倒计时
时间: 2023-12-11 21:33:54 浏览: 54
以下是一个JavaScript倒计时的例子:
```javascript
// 获取所有的span元素
var spans = document.querySelectorAll('span');
// 设置倒计时结束时间
var endTime = new Date('2022-10-1 12:00:00').getTime();
// 定义倒计时函数
function countdown() {
// 获取当前时间
var newTime = new Date().getTime();
// 计算剩余时间
var diffTime = (endTime - newTime) / 1000;
// 计算剩余天数、小时数、分钟数、秒数
var days = Math.floor(diffTime / (60 * 60 * 24));
var hours = Math.floor((diffTime % (60 * 60 * 24)) / (60 * 60));
var minutes = Math.floor((diffTime % (60 * 60)) / 60);
var seconds = Math.floor(diffTime % 60);
// 更新页面上的倒计时
spans[0].textContent = days;
spans[1].textContent = hours;
spans[2].textContent = minutes;
spans[3].textContent = seconds;
}
// 每秒钟更新一次倒计时
setInterval(countdown, 1000);
```
这个例子会在页面上显示一个倒计时,显示剩余的天数、小时数、分钟数和秒数,直到指定的结束时间。