Js写个10分钟倒计时组件
时间: 2023-04-06 14:00:23 浏览: 67
好的,我可以回答这个问题。以下是一个简单的 JS 代码实现 10 分钟倒计时组件:
HTML 代码:
```
<div id="countdown"></div>
```
JS 代码:
```
var countDownDate = new Date().getTime() + 600000; // 设置倒计时结束时间为当前时间 + 10 分钟
var x = setInterval(function() {
var now = new Date().getTime(); // 获取当前时间
var distance = countDownDate - now; // 计算剩余时间
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // 计算剩余分钟数
var seconds = Math.floor((distance % (1000 * 60)) / 1000); // 计算剩余秒数
document.getElementById("countdown").innerHTML = minutes + " 分钟 " + seconds + " 秒 "; // 将剩余时间显示在页面上
if (distance < 0) { // 如果倒计时结束,清除定时器并显示提示信息
clearInterval(x);
document.getElementById("countdown").innerHTML = "倒计时已结束";
}
}, 1000);
```
这个代码会在页面上显示一个倒计时组件,倒计时时间为 10 分钟。当倒计时结束时,会显示提示信息“倒计时已结束”。