📅  最后修改于: 2023-12-03 15:22:30.890000             🧑  作者: Mango
使用window.setInterval()可以在JavaScript中创建一个定时器,以便周期性地执行一个函数。 它通常用于处理需要每隔一定时间重复执行的任务。
但有时我们需要停止这个定时器,这就需要使用window.clearInterval()函数。
window.clearInterval() 函数用于清除由 setInterval() 设置的周期性定时器。
它的语法如下所示:
window.clearInterval(intervalID)
我们可以根据需要在任何时候停止设置的定时器。我们需要保存定时器的ID,并根据需要使用 clearInterval() 函数来删除它。
// 创建计时器,每秒执行一次 tick 函数
const intervalId = window.setInterval(tick, 1000);
// 停止计时器
window.clearInterval(intervalId);
上面的代码中,我们首先使用 window.setInterval()
创建一个名为 intervalId
的周期性定时器,执行名为 tick
的函数。然后,我们使用 window.clearInterval()
函数来停止计时器,传递 intervalId
参数。
以上就是如何在JavaScript中停止使用 window.setInterval()
创建的定时器的介绍。我们可以使用 window.clearInterval()
函数来清除由 setInterval()
设置的周期性定时器,但需要注意的是我们需要先将周期性定时器的ID保存下来。
## 停止 window.setInterval JavaScript
使用window.setInterval()可以在JavaScript中创建一个定时器,以便周期性地执行一个函数。 它通常用于处理需要每隔一定时间重复执行的任务。
但有时我们需要停止这个定时器,这就需要使用window.clearInterval()函数。
### window.clearInterval()
`window.clearInterval()` 函数用于清除由 `setInterval()` 设置的周期性定时器。
它的语法如下所示:
```javascript
window.clearInterval(intervalID)
```
- `intervalID`:必需。要停止的周期性定时器的 ID。
### 停止 window.setInterval()
我们可以根据需要在任何时候停止设置的定时器。我们需要保存定时器的ID,并根据需要使用 `clearInterval()` 函数来删除它。
```javascript
// 创建计时器,每秒执行一次 tick 函数
const intervalId = window.setInterval(tick, 1000);
// 停止计时器
window.clearInterval(intervalId);
```
上面的代码中,我们首先使用 `window.setInterval()` 创建一个名为 `intervalId` 的周期性定时器,执行名为 `tick` 的函数。然后,我们使用 `window.clearInterval()` 函数来停止计时器,传递 `intervalId` 参数。
### 总结
以上就是如何在JavaScript中停止使用 `window.setInterval()` 创建的定时器的介绍。我们可以使用 `window.clearInterval()` 函数来清除由 `setInterval()` 设置的周期性定时器,但需要注意的是我们需要先将周期性定时器的ID保存下来。