可使用 setInterval() 实现带倒计时数字显示的自动跳转：初始化秒数、每秒更新 DOM 显示、归零时跳转并 clearInterval() 清理定时器，支持样式变化与跳转前安全检查。

可以使用 setInterval() 配合 DOM 操作和计时逻辑，实现带倒计时数字显示的自动跳转效果。关键在于正确初始化、更新倒计时、清除定时器，并在跳转前给出明确提示。

设置初始倒计时并启动定时器

先定义倒计时总秒数（如 5 秒），将该值赋给一个变量，再用 setInterval() 每秒递减并更新页面显示：

• 把倒计时数字写入某个 或
  元素中，便于实时更新
• 定时器回调函数里先减 1，再判断是否归零；未归零就更新 DOM，归零就执行跳转并清除定时器
• 避免在跳转后仍继续执行（比如用户手动刷新或返回），所以必须调用 clearInterval()

更新页面显示并增强用户体验

仅显示数字略显生硬，可加入文字说明和样式变化提升可读性：


Java注释规范Skills
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
下载
• 例如显示“3 秒后跳转到首页”，其中数字加粗，其余为常规文本
• 倒计时 ≤ 2 秒时，可动态添加 CSS 类（如 countdown-alert）让文字变红或闪烁
• 若支持，还可禁用跳转区域的点击事件，防止用户重复触发

跳转前做必要检查与清理

跳转动作应放在倒计时结束的那一刻，同时确保环境安全：

• 使用 window.location.href = 'xxx' 实现跳转，比 replace() 更适合需保留返回功能的场景
• 在跳转前调用 clearInterval(timerId)，避免内存泄漏或误触发
• 可加一层判断：如果页面已被卸载（如用户中途关闭标签页），不执行跳转（现代浏览器通常自动终止定时器，但主动清理更稳妥）

完整可运行示例代码

将以下代码放入 HTML 的 <script></script> 标签中即可使用（假设页面中有一个 id="countdown" 的元素）：

let seconds = 5;
const countdownEl = document.getElementById('countdown');
const timerId = setInterval(() => {
  seconds--;
  countdownEl.innerHTML = `<strong>${seconds}</strong> 秒后跳转到首页`;
  if (seconds