alert()无法实现倒计时因其阻塞主线程，使定时器失效；应改用DOM模态框配合setInterval更新显示，并务必用clearInterval及时清除定时器防止内存泄漏。

用 alert() 无法实现倒计时

浏览器原生的 alert() 是阻塞式对话框，调用后 JS 主线程会暂停，setTimeout 或 setInterval 都不会执行，所以不可能在 alert() 里动态更新秒数。这是最常踩的坑——很多人试了十几分钟发现数字根本不变，其实是机制上就做不到。

改用 confirm() 或自定义模态框才可行

如果必须用浏览器内置弹窗且需要倒计时，confirm() 也不行（同样是阻塞的）。唯一能“伪倒计时”的办法是提前计算好时间点，用多个 alert() 连续弹出（不推荐，体验极差）。实际项目中，应该用轻量级 DOM 模态框替代：

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 创建一个带 id="countdown-modal" 的
  ，初始 display: none
• 用 document.getElementById("countdown-modal").style.display = "block" 显示它
• 在模态框里放一个 5，再用 setInterval 每秒更新 textContent
• 倒计时结束调用 clearInterval 并隐藏模态框

setInterval 更新 DOM 时注意清除定时器

漏掉 clearInterval 会导致内存泄漏和重复触发，尤其用户快速多次触发倒计时场景下。正确写法是把定时器 ID 存为变量，并在倒计时归零或用户手动关闭时明确清除：

setTimeout