setInterval必须传函数引用而非调用结果，否则函数立即执行一次且无法重复调用；正确写法为setInterval(myFunc, 1000)或setInterval(() => myFunc(), 1000)，并须保存返回ID以便clearInterval清除。
setInterval 基础调用必须传入函数引用，不能加括号
直接写 setInterval(myFunc(), 1000) 是常见错误——这会让函数立刻执行一次，返回值（通常是 undefined）被传给 setInterval，后续不会重复调用。正确做法是传函数引用：setInterval(myFunc, 1000) 或用箭头函数包裹：setInterval(() => myFunc(), 1000)。
适用场景：轮询接口、倒计时显示、动画帧模拟。注意浏览器标签页非激活时，setInterval 可能被节流（尤其间隔 1000ms 以下），实际间隔可能拉长。
清除定时器必须保存返回的 ID，且只能用 clearInterval
setInterval 返回一个数字 ID，必须显式保存才能后续清除。漏存或重复调用会导致多个定时器叠加运行，内存泄漏风险高。
- ✅ 正确：
const timerId = setInterval(() => console.log('tick'), 2000);<br><pre class="brush:php;toolbar:false;">clearInterval(timerId); - ❌ 错误：
setInterval(() => console.log('tick'), 2000); —— 没存 ID，无法清理 - ❌ 错误：
clearTimeout(timerId)——clearTimeout对setInterval无效，无报错但不生效
避免闭包陷阱：循环中创建定时器要小心变量捕获
在 for 循环里直接用 let 声明索引变量是安全的；但若用 var，所有定时器会共享同一个 i 值（循环结束后的最终值）。
示例问题代码：
for (var i = 0; i setInterval(() => console.log(i), 1000); // 全部输出 3
修复方式：
• 改用 let i = 0
• 或用立即执行函数包裹：(function(i) { setInterval(() => console.log(i), 1000); })(i)
• 或用 forEach 配合数组索引
间隔时间不是绝对精确，别依赖它做高精度任务
JS 是单线程的，setInterval 的回调只有在主线程空闲时才执行。如果前一次回调耗时过长，或页面有大量计算/渲染任务，下一次执行会被推迟，甚至“堆积”（连续触发多次）。
更稳的做法：
• 对于倒计时等需严格时间逻辑的场景，改用 setTimeout 链式调用 + 时间戳校准
• 避免在 setInterval 回调里做 DOM 批量操作或同步大计算
• 浏览器后台标签页中，间隔可能被强制延长至 1s 以上（Chrome），此时应监听 visibilitychange 事件暂停/恢复
真正难的不是启动定时器，而是判断什么时候该停、怎么停得干净，以及当页面切到后台再切回来时，时间状态是否还能对得上。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
