可使用 setInterval() 实现带倒计时数字显示的自动跳转：初始化秒数、每秒更新 DOM 显示、归零时跳转并 clearInterval() 清理定时器，支持样式变化与跳转前安全检查。
可以使用 setInterval() 配合 DOM 操作和计时逻辑，实现带倒计时数字显示的自动跳转效果。关键在于正确初始化、更新倒计时、清除定时器，并在跳转前给出明确提示。
设置初始倒计时并启动定时器
先定义倒计时总秒数（如 5 秒），将该值赋给一个变量，再用 setInterval() 每秒递减并更新页面显示：
- 把倒计时数字写入某个
<span></span>或<div> 元素中，便于实时更新 <li>定时器回调函数里先减 1，再判断是否归零；未归零就更新 DOM，归零就执行跳转并清除定时器</li> <li>避免在跳转后仍继续执行（比如用户手动刷新或返回），所以必须调用 <code>clearInterval() - 例如显示“3 秒后跳转到首页”，其中数字加粗，其余为常规文本
- 倒计时 ≤ 2 秒时，可动态添加 CSS 类（如
countdown-alert）让文字变红或闪烁 - 若支持，还可禁用跳转区域的点击事件，防止用户重复触发
- 使用
window.location.href = 'xxx'实现跳转，比replace()更适合需保留返回功能的场景 - 在跳转前调用
clearInterval(timerId)，避免内存泄漏或误触发 - 可加一层判断：如果页面已被卸载（如用户中途关闭标签页），不执行跳转（现代浏览器通常自动终止定时器，但主动清理更稳妥）
更新页面显示并增强用户体验
仅显示数字略显生硬，可加入文字说明和样式变化提升可读性：
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
跳转前做必要检查与清理
跳转动作应放在倒计时结束的那一刻，同时确保环境安全：
立即学习“Java免费学习笔记（深入）”；
完整可运行示例代码
将以下代码放入 HTML 的 <script></script> 标签中即可使用（假设页面中有一个 id="countdown" 的元素）：
let seconds = 5;
const countdownEl = document.getElementById('countdown');
const timerId = setInterval(() => {
seconds--;
countdownEl.innerHTML = `<strong>${seconds}</strong> 秒后跳转到首页`;
if (seconds <= 0) {
clearInterval(timerId);
window.location.href = 'https://example.com';
}
}, 1000);
