正确做法是每次回调用Date.now()与目标时间戳做差计算剩余毫秒数，而非累减；间隔设为50ms以实现毫秒级平滑更新，并在每次更新前判断剩余时间。
发送按钮倒计时怎么实现才不跳秒
直接用 setInterval 每秒减 1 是错的——页面切到后台、JS 单线程阻塞、渲染延迟都会让倒计时“丢秒”，用户切回来发现已经过了 3 秒，但按钮还显示“4 秒”。正确做法是：每次回调都重新算剩余毫秒数，不依赖累减。
- 用
Date.now()获取当前时间戳，和目标时间戳（如endTime = Date.now() + 60000）做差 - 间隔设为
50ms 而不是1000，毫秒位才能平滑变化 - 每次更新前先判断
remain ，立即 <code>clearInterval并重置按钮状态 - 避免用
new Date().getTime()，Date.now()更轻量、无构造开销
按钮禁用与文案动态更新怎么做
倒计时按钮的核心不是“动起来”，而是状态可控：点击后立刻禁用、倒计时中不可重复触发、结束自动恢复。DOM 层面必须同步 disabled 和 aria-busy。
- 初始按钮带
type="button"，防止意外提交表单 - 点击后设
btn.disabled = true和btn.setAttribute('aria-busy', 'true') - 倒计时结束时，除了恢复按钮，还要清空
btn.dataset.timerId（如果存了 ID） - 文案格式建议用
`${sec}s 后重发`，比纯数字更明确，也避免用户误点“0s”瞬间
为什么 clearInterval 容易失效或漏清
不是 API 有问题，而是变量作用域和生命周期没管好。常见情况是：多次点击“发送”，生成多个 setInterval，但只保存了最后一个 ID；或者页面卸载前没清理，导致内存泄漏。
- 把定时器 ID 存在按钮的
dataset上：btn.dataset.timerId = timerId - 点击前先检查并清除已有定时器：
if (btn.dataset.timerId) clearInterval(Number(btn.dataset.timerId)) - 监听
visibilitychange：页面隐藏时暂停 UI 更新（不真停逻辑），显示时校准剩余时间再继续 - 别在闭包里反复声明同名变量，比如
let timer在函数内，每次调用都是新变量
移动端 WebView 和 Safari 的兼容陷阱
iOS Safari 和多数 Android WebView 对后台标签页的 setInterval 节流更激进——可能压到 10 秒才执行一次。这时候靠“视觉刷新”完全不可靠，必须靠时间戳硬算。
立即学习“前端免费学习笔记（深入）”；
- 绝对不要依赖
setTimeout递归模拟倒计时，它会因 JS 队列堆积越跑越慢 -
requestAnimationFrame在页面不可见时直接暂停，不适合倒计时逻辑 - 目标时间戳必须用 UTC 格式传入，例如
new Date("2026-07-16T10:22:00Z")，避免本地时区解析偏差 - 若需高一致性（如短信验证码），倒计时结束时间应由服务端返回毫秒级时间戳，前端只负责比对，不自行计算起点
