不行，因会覆盖404状态码致SEO失效、丢失referral且无法捕获用户跳转行为；正确做法是服务端返回真实404，前端用document.readyState校验+let声明倒计时+setTimeout递归实现。
404页面里用 <meta http-equiv="refresh"> 跳转行不行？
不行，尤其对 SEO 和现代浏览器不友好。<meta http-equiv="refresh"> 会覆盖原 HTTP 状态码，导致搜索引擎抓取时看到的是 200（重定向成功），而非真实的 404；部分浏览器在加载未完成时就触发跳转，丢失 referral 信息，用户刷新或手动跳转行为也无法捕获。
用 JavaScript 实现 404 倒计时跳转的关键约束
核心是「保持服务端返回 404 状态码」+「前端控制倒计时与跳转」。必须满足以下三点：
-
document.readyState === 'complete'才开始倒计时逻辑，否则setTimeout可能因 DOM 未就绪而报错 - 倒计时变量用
let声明，避免闭包导致多次绑定后计数错乱（比如用户反复刷新页面） - 用
setTimeout递归调用，不用setInterval——后者在页面失焦、JS 阻塞时容易累积延迟，而倒计时必须按真实流逝时间推进
倒计时跳转代码怎么写才不出错？
下面这段代码可直接嵌入 404 页面的 <script></script> 标签中，已避开常见坑点：
let countdown = 5;
const targetUrl = '/';
function startCountdown() {
if (document.readyState !== 'complete') {
setTimeout(startCountdown, 100);
return;
}
const el = document.getElementById('countdown-timer');
if (el) el.textContent = `将在 ${countdown} 秒后返回首页`;
if (countdown <= 0) {
window.location.href = targetUrl;
return;
}
countdown--;
setTimeout(startCountdown, 1000);
}
startCountdown();
注意：targetUrl 推荐用绝对路径（如 '/' 或 'https://example.com/'），避免拼接 location.origin 出错；不要在倒计时过程中修改 document.title 或触发其他重绘操作，防止低端设备卡顿。
立即学习“前端免费学习笔记（深入）”；
为什么倒计时结束前用户点击跳转按钮更推荐？
纯自动跳转对残障用户不友好，也违反 WCAG 2.1 的「暂停、停止、隐藏」原则。建议在倒计时区域旁加一个显眼按钮：
<button id="jump-home">立即返回首页</button>
并绑定事件：
document.getElementById('jump-home').addEventListener('click', () => {
window.location.href = '/';
});
这个按钮要放在 <main></main> 内、语义化结构中，确保屏幕阅读器可识别；同时在 JS 中点击后应立即 clearTimeout（如果用了定时器变量）或设标志位终止倒计时逻辑，避免用户点完又自动跳一次。
真正容易被忽略的不是怎么写倒计时，而是没确认服务端是否真的返回了 404 状态码——用浏览器 DevTools 的 Network 面板看响应头里的 Status: 404 Not Found，而不是只看页面内容是否像 404。
