页面点击开始按钮,然后开始2分钟倒计时在html中运行JS代码
时间: 2024-03-06 22:48:40 浏览: 25
好的,您可以在HTML中添加一个按钮来触发JS代码的运行,可以通过以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>2分钟倒计时</title>
</head>
<body>
<button onclick="startTimer()">开始</button>
<div id="timer"></div>
<script>
function startTimer() {
var countDownDate = new Date().getTime() + 120000; // 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("timer").innerHTML = minutes + " 分钟 " + seconds + " 秒 "; // 显示倒计时
if (distance < 0) { // 倒计时结束
clearInterval(x);
document.getElementById("timer").innerHTML = "倒计时结束";
}
}, 1000); // 每秒更新一次倒计时
}
</script>
</body>
</html>
```
这段代码会创建一个按钮和一个显示倒计时的元素。当按钮被点击时,`startTimer()`函数会被调用,开始计时。计时结束后,显示的文本会变成“倒计时结束”。