用 JavaScript 设置3秒后自动跳转网页

浏览器中的三秒等待通常从客户端开始执行刷新规则或定时器时计算💫，不一定从用户点击按钮的瞬间计算。网络传输、页面解析、脚本阻塞和浏览器后台标签页限制，都可能让用户感受到的时间📌与代码中的数字存在差异。

延时跳转与服务器重定向不能混为一谈

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

固定等待时间的普通页面使用 meta refresh 即可；需要倒计时🌺、取消操作或跳转条件时使用 JavaScript；需要立即完成地址迁移时使用服务器重定向。按照页面目的选择一种方案，才能让3秒延时既能正常执行，也不会干扰用户对页面内容的理解。

用 HTML 设置3秒后自动跳转网页

代码中的数字“3”代表等待秒数，分号后面的内容代表目标页面。实际发布时，应将“/new-page”替换为网站中真实存在的页面路径。meta refresh 的优点是写法短、兼容性较好，即使浏览器没有执🤔行 JavaScript，页面也可能继续完成跳转。

服务器端故意延迟响应并不等同于页面倒计时。服务端延迟会让用户长时间看到空白、加载中或连接等待状态，还可能占用请求资源；如果用户必须先阅读提示，应该返回一个正常页面，再由浏览器执行💫☀️延时跳转。

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