3秒等待时间为什么可能看起来不准确

HTML 的 meta refresh 适合制作不依赖 JavaScript 的固🌟定延时页面。将下面的代码放在⭐ HTML 文档的 head 区域，浏览器读取页面后会等待3秒，再访问示例中的目标路径。

JavaScript 示例🌈中的 countdown 元素负责展示提示文字，setInterval 负责更新数字，setTimeout 负责真正执行页面切换。replace 方法不会把当前提示页作为一条新的历史记录保留下来，用户点击浏览器后退时通常不会反复回到中间提示页；如果业务需要保留当前页面记录，可以根据场景改用 location.assign。

先确定跳转页面和触发场景

目标页面路径应当稳定、可访问且不会再次跳回原页面。目标地址如果需要保留查询参数或锚点，也要在跳转值中完整写出，否则用户可能到达页面却丢失筛选条件、订单编号或定位位置。

脚本中的倒计时文字必须和真实等待时间保持一致。跳转地址、显示文字和定时器的时间如果分别维护，后续修改秒数时容易出现“页面显示0秒但还没有跳转”或“文字尚未结束页面已经切换”的问题。

需要让倒计时显示更稳定时，可以记录结束时间，再根据当前时间差计算剩余秒数，而不是只依赖 setInterval 🎆执行次数❤️。对于普通提示页，几百毫秒的误差通常不影响使用；对于支付、验证码或限时操作，则不应把前端倒计时当作唯一的业务时间依据。