js 30分钟倒计时
时间: 2023-12-10 11:33:14 浏览: 33
以下是基于JS实现的30分钟倒计时功能的代码:
```javascript
// 获取页面中的倒计时显示元素
var countdown = document.getElementById('countdown');
// 设置倒计时的结束时间(当前时间 + 30分钟)
var endTime = new Date().getTime() + 30 * 60 * 1000;
// 每秒更新一次倒计时
var timer = setInterval(function() {
// 获取当前时间
var now = new Date().getTime();
// 计算距离结束时间还有多少毫秒
var distance = endTime - now;
// 计算剩余时间的分钟数和秒数
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 将剩余时间显示在页面中
countdown.innerHTML = minutes + '分' + seconds + '秒';
// 如果倒计时结束,清除定时器
if (distance < 0) {
clearInterval(timer);
countdown.innerHTML = '倒计时结束';
}
}, 1000);
```
以上代码会在页面中找到一个id为`countdown`的元素,并在其中显示倒计时。倒计时的结束时间是当前时间加上30分钟,每秒钟更新一次倒计时,直到倒计时结束。