JavaScript定时器通过setTimeout（延时执行一次）和setInterval（按间隔重复执行）实现，均返回ID用于clearTimeout/clearInterval清除；需注意非精确性、后台节流及及时清理避免内存泄漏。
JavaScript 的定时器是让代码在指定延迟后执行，或按固定间隔重复执行的机制。核心是 setTimeout（延时一次）和 setInterval（循环执行）两个函数，它们都返回一个唯一的数字 ID，可用于后续清除。
setTimeout：延迟执行一次
它接收一个函数和毫秒数，等到时间到就执行该函数，只运行一次。
- 基本写法：setTimeout(() => console.log("3秒后触发"), 3000)
- 传参方式：第三个及之后的参数会作为回调函数的实参，比如 setTimeout(func, 1000, "hello", 42) 相当于 func("hello", 42)
- 返回值是定时器 ID，可用于取消：const timer = setTimeout(...); clearTimeout(timer);
setInterval：按间隔重复执行
和 setTimeout 类似，但会每隔指定毫秒数执行一次回调，直到被手动清除。
- 基本写法：const clock = setInterval(() => console.log("滴答"), 1000)
- 必须记得用 clearInterval(clock) 停止，否则持续运行，可能造成内存泄漏或逻辑错误
- 注意：如果回调执行时间超过设定间隔，下一次不会“堆积”，而是等上一次结束后再开始计时（除非用递归 setTimeout 模拟精确节拍）
常见误区与实用建议
定时器不是精确时钟，受 JS 单线程、任务队列和浏览器节流影响，实际延迟可能略长。
立即学习“Java免费学习笔记（深入）”；
- 避免在循环中无清理地创建 setInterval，容易失控
- 用 setTimeout 递归替代 setInterval 可更好控制节奏，例如：function tick() { console.log("run"); setTimeout(tick, 1000); }
- 页面进入后台时，大多数浏览器会将定时器最小间隔限制为 1000ms 左右，动画或倒计时类逻辑需额外处理可见性状态
清除定时器很重要
不清理会导致函数持续占用内存、意外触发、影响性能，尤其在组件卸载、页面跳转或条件变化时。
- React 中常在 useEffect 清理函数里调用 clearTimeout/clearInterval
- Vue 中可在 beforeUnmount 或 onBeforeUnmount 钩子中清理
- 纯 JS 场景下，确保有明确的“停止时机”，比如按钮点击、条件满足、超时自动终止等
基本上就这些。掌握好设置和清除的配对使用，就能稳妥控制异步延时与周期行为。
