当前位置:首页 > 编程技术 > 正文

倒计时如何用js代码写

倒计时如何用js代码写

倒计时可以通过JavaScript的`setTimeout`函数来实现。以下是一个简单的倒计时示例,它会计算当前时间到指定时间之间的差值,并每秒更新一次显示。假设我们要...

倒计时可以通过JavaScript的`setTimeout`函数来实现。以下是一个简单的倒计时示例,它会计算当前时间到指定时间之间的差值,并每秒更新一次显示。

假设我们要创建一个从当前时间开始,倒计时到2023年1月1日0点的倒计时。

```javascript

// 设置倒计时结束的时间

const endTime = new Date('2023-01-01T00:00:00').getTime();

// 更新倒计时的函数

function updateCountdown() {

// 获取当前时间

const now = new Date().getTime();

// 计算时间差

const timeDiff = endTime now;

// 计算天数、小时数、分钟数和秒数

const days = Math.floor(timeDiff / (1000 60 60 24));

const hours = Math.floor((timeDiff % (1000 60 60 24)) / (1000 60 60));

const minutes = Math.floor((timeDiff % (1000 60 60)) / (1000 60));

const seconds = Math.floor((timeDiff % (1000 60)) / 1000);

// 输出到HTML元素

document.getElementById('countdown').innerHTML = days + "天 " + hours + "小时 "

+ minutes + "分钟 " + seconds + "秒 ";

// 如果倒计时结束,则显示结束信息

if (timeDiff < 0) {

clearInterval(interval);

document.getElementById('countdown').innerHTML = "倒计时结束";

最新文章