定时器实际执行时间常长于设定值，主因是事件循环中宏任务排队和主线程阻塞；浏览器有4ms最小延迟限制，Node.js则依赖系统精度，高实时场景应选用requestAnimationFrame或Web Workers。
JavaScript 中定时器（setTimeout 和 setInterval）的实际执行时间常常比设定值长，这不是 bug，而是事件循环机制和运行时环境共同作用的结果。要准确分析延迟误差，关键在于理解宏任务排队、主线程阻塞、最小延迟限制以及浏览器/Node.js 的实现差异。
宏任务队列与主线程阻塞是主因
定时器回调被注册为宏任务，只有当当前执行栈为空、且轮到该宏任务在事件循环中被取出时，才会真正执行。如果主线程正忙于执行长任务（比如大数组遍历、复杂渲染、同步计算），即使定时器到期，回调也只能排队等待。
- 例如：
setTimeout(() => console.log('done'), 0)在一个耗时 100ms 的while循环后调用，实际输出可能延迟 100ms 以上 - 浏览器中重排（reflow）、重绘（repaint）也会占用主线程，间接拉长定时器响应时间
- 可通过
performance.now()精确测量真实延迟：const start = performance.now(); setTimeout(() => console.log(performance.now() - start), 10);
浏览器有最小延迟下限（4ms）
根据 HTML 规范，嵌套层级 ≥ 5 的 setTimeout 或 setInterval 调用，浏览器会强制将最小延迟设为 4ms（早期是 10ms）。这意味着即使写 setTimeout(fn, 0)，实际延迟也至少约 4ms —— 这属于规范行为，不是性能问题。
- Chrome、Firefox、Safari 均遵守该限制；Node.js 不受此约束（可接近 1ms）
- 若需更高精度，应避免依赖
setTimeout做动画或音视频同步，改用requestAnimationFrame（针对帧率）或Web Workers+postMessage配合时间戳判断
Node.js 中的 timer 精度受系统影响
Node.js 使用 libuv 管理定时器，底层依赖系统高精度定时器（如 Linux 的 timerfd、Windows 的 WaitableTimer），但依然存在误差：
立即学习“Java免费学习笔记（深入）”；
- Linux 上通常误差在 1–2ms 内；Windows 可能达 15ms（取决于系统 timer resolution）
- 可通过
process.hrtime()获取纳秒级时间差，验证真实延迟 - 大量定时器同时注册时，libuv 的定时器堆（timer heap）维护开销会上升，加剧抖动
调试与优化建议
定位具体延迟来源，不能只看设定值，而要看“触发时机”与“执行时机”的差值：
- 用 Chrome DevTools 的 Performance 面板 录制，查看
Timer Fired事件与实际回调执行之间的时间空隙 - 检查是否有长任务（Long Task）阻塞主线程，考虑用
queueMicrotask或requestIdleCallback拆分工作 - 对实时性要求高的场景（如游戏逻辑、节拍器），优先使用
requestAnimationFrame或基于performance.now()的自适应循环 - 避免嵌套过深的定时器调用，防止触发浏览器 4ms 下限；必要时用
setImmediate（Node.js）或MessageChannel（浏览器）绕过最小延迟限制
