正确倒计时需用 setInterval 配合 clearInterval 清理，以目标时间戳减当前时间戳计算剩余秒数，避免递减变量误差；格式化需手动补零，不用 toLocaleTimeString。
用 setInterval 启动倒计时，但别忘了 clearInterval
倒计时本质是定时更新时间差，setInterval 最直接。但常见错误是没清理定时器，比如页面切换、组件卸载后还在跑，导致内存泄漏或时间错乱。
实操建议：
- 用一个变量存住
setInterval返回的 id，比如let timerId = setInterval(...) - 倒计时结束、用户离开页面、或组件销毁前，必须调用
clearInterval(timerId) - 别在
setInterval回调里反复调用new Date()算剩余秒数——应该用目标时间戳减去当前时间戳，再取整，避免累积误差
计算剩余时间要用时间戳相减，不是靠递减变量
有人用 let secondsLeft = 60; setInterval(() => secondsLeft--, 1000)，这看着简单，但实际会偏移：JS 定时器不精确，任务队列延迟、页面失焦、GC 都会让间隔变长，几轮下来就差好几秒。
正确做法是固定一个截止时间（如 const endTime = Date.now() + 60 * 1000），每次回调都重新算：Math.max(0, Math.floor((endTime - Date.now()) / 1000))。
立即学习“前端免费学习笔记（深入）”；
注意点：
-
Date.now()比new Date().getTime()更轻量，优先用 - 除以 1000 后用
Math.floor，不是Math.round，否则最后 500ms 可能跳变 - 一定要
Math.max(0, ...)，防止因系统时间调整或微小误差导致负数
显示格式要手动补零，toLocaleTimeString 不适用
倒计时通常要 02:59 这种格式，但 toLocaleTimeString 是为真实时间设计的，不能按剩余秒数自动格式化，而且受用户本地时区/地区设置影响，不可控。
安全做法是自己拆解总秒数：
- 分钟 =
Math.floor(totalSeconds / 60) - 秒数 =
totalSeconds % 60 - 然后用
String(min).padStart(2, '0')和String(sec).padStart(2, '0')补零
别写 min 这种逻辑——<code>padStart 更清晰，且兼容性足够（IE 不支持，但现代项目基本不考虑）
页面失焦时暂停倒计时，不然用户切走再回来发现已超时
浏览器在标签页失焦时会节流 setInterval（尤其 Chrome），但不会停；等用户切回来，可能已跳过多个 tick，直接从 10 秒跳到 0，甚至出现负数。这不是 bug，是预期行为。
应对方式：
- 监听
document.hidden变化，失焦时clearInterval，聚焦时重算剩余时间并重启setInterval - 或者更稳妥：不用
setInterval，改用requestAnimationFrame+ 时间戳差值驱动（适合高精度需求），但对普通倒计时略重 - 简单场景下，至少在每次回调开头加一句
if (document.hidden) return，避免失焦时还更新 DOM
倒计时看着简单，真正稳定运行的关键不在“怎么开始”，而在“怎么收尾”和“怎么应对异常状态”——尤其是页面可见性变化和时间戳漂移，这两点漏掉一个，上线后就容易出意料之外的跳变或卡死。
