【setinterval时间】在JavaScript中，`setInterval` 是一个常用的函数，用于按照指定的时间间隔重复执行某段代码。它与 `setTimeout` 不同，后者只执行一次，而 `setInterval` 会持续运行，直到被明确清除。
一、总结
`setInterval` 的主要作用是定时触发某个函数或代码块。它的基本语法如下：
```javascript
setInterval(function, milliseconds);
```
- function：需要重复执行的函数。
- milliseconds：两次执行之间的间隔时间，单位为毫秒（ms）。
使用 `clearInterval()` 可以停止 `setInterval` 的执行。
二、关键点总结
| 项目 | 内容 |
| 功能 | 定时重复执行代码 |
| 语法 | `setInterval(func, delay)` |
| 执行次数 | 无限次，直到被清除 |
| 延迟单位 | 毫秒（ms） |
| 清除方法 | `clearInterval(id)` |
| 适用场景 | 实时更新、动画、轮询等 |
三、示例代码
```javascript
let counter = 0;
const intervalId = setInterval(() => {
console.log("当前计数: " + counter++);
if (counter > 5) {
clearInterval(intervalId);
}
}, 1000);
```
这段代码每秒输出一次当前计数，当计数超过5时停止。
四、注意事项
- 如果函数执行时间超过设定的间隔，可能会导致多个实例同时运行。
- 使用 `setInterval` 时要注意内存泄漏问题，及时清理不再需要的定时器。
- 在浏览器中，如果页面不可见，某些环境可能降低 `setInterval` 的执行频率。
五、对比 `setTimeout`
| 特性 | `setTimeout` | `setInterval` |
| 执行次数 | 一次 | 多次 |
| 是否自动重复 | 否 | 是 |
| 清除方式 | `clearTimeout()` | `clearInterval()` |
| 适用场景 | 延迟执行 | 定时任务 |
通过合理使用 `setInterval`，可以实现很多动态交互效果。但在实际开发中，应结合业务需求，避免不必要的性能消耗。
