南方都市报
JavaScript 延时跳转适合需要倒计时、取消按钮或跳转前业务判断的页面。下面的示例会显示剩余秒数,并在约3秒后使用 replace 方法进入目标页面。
脚本中的倒计时文字必须和真实等待时间保持一致。跳转地址、显示文字和定时器的时间如果分🌟别维护✨,后续修改秒数时容易出现“页面显示0秒但还没有跳转”或“文字尚未结束页面已经切换”的问题。
固定等待时间的普通页面使用 meta refresh 即可;需要倒计时、取消操作或跳转条件时使用 JavaScript;需要立即完成地址迁移时使用服务器重定向。按照页面目的选择一种方案,才能让3秒延时既能正常执行,也不会干扰用户对页面内容的理解。
服务器重定向通常用于让浏览器立即访问新的页面,而3秒等待属于浏览器拿到页面后的延时行为。技术实现依赖重定向与延时的不同位置:服务端的 301、302 或类似响应主要负责告诉浏览器去哪里,meta refresh 和 JavaScript 才负责让原页面停留一段时间。
上线前检查应当覆盖目标地址、页面历史记录和重复触发三个🎨方面。延时跳转看似只是几行代码,但错误路径或循环配置会直接影响用户访问,业务页面还可能出现重复提交。