js点击button 启动定时器
时间: 2023-10-04 13:14:12 浏览: 129
定时点击器
以下是一个示例代码,点击按钮后会每隔1秒钟输出一个数字,直到点击“停止”按钮停止定时器。
HTML代码:
```
<button id="startBtn">开始</button>
<button id="stopBtn">停止</button>
```
JavaScript代码:
```
var timer;
document.getElementById("startBtn").addEventListener("click", function() {
timer = setInterval(function() {
console.log("定时器启动");
}, 1000);
});
document.getElementById("stopBtn").addEventListener("click", function() {
clearInterval(timer);
console.log("定时器停止");
});
```
点击“开始”按钮会启动定时器,每隔1秒钟会输出一条消息。点击“停止”按钮会停止定时器,并输出一条消息确认停止。
阅读全文