js setlnterval新年倒计时
时间: 2023-10-07 10:12:46 浏览: 133
以下是使用 JavaScript 中的 setInterval 函数实现新年倒计时的示例代码:
```javascript
// 获取新年的日期
const newYearDate = new Date("January 1, " + (new Date().getFullYear() + 1) + " 00:00:00").getTime();
// 更新倒计时的时间
const updateCountdown = () => {
const today = new Date().getTime();
const distance = newYearDate - today;
// 计算天、小时、分钟和秒数
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 更新倒计时的 HTML
document.getElementById("countdown").innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
};
// 每秒钟更新一次倒计时
setInterval(updateCountdown, 1000);
```
在 HTML 文件中,需要添加一个具有 id 属性为 "countdown" 的元素,以便我们可以更新倒计时的文本。例如:
```html
<p>距离新年还有: <span id="countdown"></span></p>
```
这个示例代码将以每秒钟一次的频率更新倒计时,直到新年到来。