setTimeout仅执行一次,需用clearTimeout清除;setInterval用于重复执行但精度低,应配合clearInterval清理;传参勿加括号,避免立即执行。

setTimeout 只执行一次,别误当循环用
很多人写 setTimeout 时以为加个递归调用就是“定时器”,其实那是自己手动模拟的循环逻辑。真正该用循环场景时,优先考虑 setInterval —— 它原生支持重复执行,且更可控。
常见错误:在回调里反复调用 setTimeout 却没保存返回值,导致无法清除;或者忘记清理,造成内存泄漏或重复触发。
-
setTimeout返回一个数字 ID,必须用它配合clearTimeout才能取消 - 如果回调中又调用了
setTimeout,每次都会生成新 ID,旧的不会自动失效 - 想实现“延迟后执行一次”,直接用
setTimeout;想“每隔 X 毫秒执行”,用setInterval
setInterval 的执行时机不精确,别依赖毫秒级精度
浏览器或 Node.js 环境下,setInterval 实际执行间隔往往大于设定值,尤其在页面失焦、CPU 负载高、或 JS 主线程被阻塞时。这不是 bug,而是事件循环机制决定的。
典型现象:设了 setInterval(fn, 100),但 fn 实际每 120~300ms 才跑一次;甚至在标签页后台运行时,浏览器会大幅降低频率(如降为 1s 一次)。
立即学习“Java免费学习笔记(深入)”;
- 不要用
setInterval做动画帧控制,改用requestAnimationFrame - 需要较准时间节奏(比如倒计时显示),建议用
Date.now()计算真实流逝时间,而不是靠次数累加 - 记得用
clearInterval清理,尤其在组件卸载、模块销毁前,否则定时器持续运行
传参容易出错:避免直接传带括号的函数调用
写 setTimeout(someFn(), 1000) 是常见错误——这会立即执行 someFn,把它的返回值传给 setTimeout,而不是延迟执行函数本身。
网络工作室源码基于热腾CMS(RTCMS)定制,栏目全站自动调用,可设置生成为html静态文件。网站分类适合网络公司和工作室使用。程序中带有演示数据,如果全新安装,可将根目录下的/uploads 文件夹中的演示图片文件删掉。安装方式:上传upload_install中的文件上传到虚拟主机或服务器网站根目录下;访问 http://域名/ 即可安装,安装时可以选取“演示数据&
正确做法是传函数引用,或用箭头函数/匿名函数包裹。
- ✅ 正确:
setTimeout(someFn, 1000)(无括号) - ✅ 正确:
setTimeout(() => someFn(arg), 1000) - ✅ 正确:
setTimeout(someFn, 1000, arg1, arg2)(setTimeout支持额外参数,会透传给回调) - ❌ 错误:
setTimeout(someFn(), 1000)(立刻执行)
清除定时器不是可选项,而是必做动作
漏掉 clearTimeout 或 clearInterval 是最隐蔽的资源泄露来源之一。尤其在单页应用中,组件反复挂载/卸载,若定时器没清理,旧回调仍可能在新上下文中执行,引发 this 指向错误、状态更新到已销毁组件、甚至报 Cannot read property 'xxx' of null。
关键点在于:只要不是全局长期存活的定时器,都应在生命周期结束时明确清除。
- React 中通常在
useEffect的 cleanup 函数里调用clearInterval - Vue 2 在
beforeDestroy,Vue 3 在onBeforeUnmount - 纯 JS 场景下,确保有变量保存 ID,并在合适时机调用清除函数
最麻烦的情况是嵌套异步 + 定时器组合,比如请求未完成就切换页面,此时不仅要清定时器,还要 abort fetch 或 cancel promise。这类边界处理,往往比写定时器本身更花时间。










