JavaScript 写倒计时
时间: 2024-09-15 21:03:53 浏览: 38
在JavaScript中,编写一个简单的倒计时功能可以利用setInterval函数结合日期操作来实现。下面是一个基本的示例,它会在页面上显示从当前时间开始的倒数时间,例如倒计到0:
```javascript
// 设置结束时间(这里以60秒为例)
var endTime = Date.now() + (60 * 1000);
function countdown() {
// 获取剩余时间
var remainingTime = endTime - Date.now();
// 如果倒计时结束,停止并显示提示信息
if (remainingTime <= 0) {
clearInterval(countdownTimer);
console.log("倒计时结束!");
return;
}
// 计算剩余秒数并格式化显示
var minutes = Math.floor(remainingTime / (60 * 1000)).toString().padStart(2, '0');
var seconds = Math.floor((remainingTime % (60 * 1000)) / 1000).toString().padStart(2, '0');
document.getElementById('countdown').innerText = minutes + ":" + seconds;
// 每秒更新一次
countdownTimer = setTimeout(countdown, 1000);
}
// 开始倒计时
countdown();
```
在这个例子中,我们首先获取了一个在未来某刻的时间(比如60秒后的某个点),然后每秒都会检查剩余时间,直到达到终点。倒计时的显示通常会包含分钟和秒,并用`getElementById`选择元素来更新页面上的文字。
阅读全文