js定时器动态开启关闭
时间: 2023-10-14 10:24:56 浏览: 175
要动态开启或关闭JavaScript定时器,可以使用 `clearInterval` 和 `setInterval` 函数。
`setInterval` 函数用于设置定时器,它会按照指定的时间间隔重复执行指定的函数。例如,下面的代码每隔1秒钟打印一次 "Hello":
```
let timer = setInterval(() => {
console.log("Hello");
}, 1000);
```
要关闭这个定时器,可以调用 `clearInterval` 函数,并将定时器的引用传递给它。例如:
```
clearInterval(timer);
```
这会停止定时器运行,并且不再重复执行函数。
如果想要在特定条件下动态开启或关闭定时器,可以将上述代码封装在一个函数中,并在需要时调用该函数。例如:
```
let timer;
function startTimer() {
timer = setInterval(() => {
console.log("Hello");
}, 1000);
}
function stopTimer() {
clearInterval(timer);
}
// 开启定时器
startTimer();
// 5秒后关闭定时器
setTimeout(() => {
stopTimer();
}, 5000);
```
在上面的代码中,我们定义了 `startTimer` 和 `stopTimer` 函数来开启和关闭定时器。我们首先调用 `startTimer` 函数来开启定时器,然后使用 `setTimeout` 函数在5秒钟后调用 `stopTimer` 函数来关闭定时器。
阅读全文