在html中运行的考试2分钟倒计时的JS代码
时间: 2024-03-06 12:48:23 浏览: 17
以下是一个简单的实现2分钟倒计时的 JavaScript 代码:
```javascript
var countDownDate = new Date().getTime() + (2 * 60 * 1000); // 设置倒计时时间为2分钟
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); // 每秒更新一次倒计时
```
需要在页面上创建一个 `<div>` 元素,设置一个 `id` 为 `countdown`,代码会将倒计时时间显示在这个元素中。例如:
```html
<div id="countdown"></div>
```