本文详解如何实现点击同一按钮既能启动倒计时、又能重置正在运行的定时器，并修复原代码中计时提前终止（停在 0:01）及 `clearinterval(time)` 错误调用等关键问题。
在 Web 开发中，一个常见需求是：用户点击“开始”按钮启动倒计时，再次点击则重置并重新开始。但若未正确管理定时器状态与时间变量，极易出现计时异常、重复启动、无法重置或提前停止等问题——正如原始代码中倒计时卡在 0:01 的现象。
根本原因有二：
- 逻辑顺序错误：原代码在每次 setInterval 回调中先执行 time--，再判断 if (time >= 0)，导致 time 在显示 0:00 前已减为 -1，从而跳过 0:00 显示；
- 错误清除定时器：clearInterval(time) 应为 clearInterval(myTimer)，因 time 是数值而非定时器 ID，该行不仅无效，还可能引发静默错误。
✅ 正确做法是：
- 每次点击按钮时，先检查 myTimer 是否存在；若存在，立即清除并重置 time = startingCount * 60；
- 在 setInterval 回调中，先更新界面，再递减时间（确保 0:00 被正确渲染），并在 time
- 使用清晰的变量命名与逻辑分层，提升可维护性。
以下是优化后的完整可运行代码：
? 注意事项：
- textContent 比 innerHTML 更安全（避免 XSS 风险），且本例无需 HTML 解析；
- 定时器清除后建议将 myTimer = null，防止状态残留；
- 若需支持暂停/恢复功能，应额外维护 isRunning 状态标志；
- 对于更复杂的交互（如多倒计时、进度条联动），推荐封装为 Class 实例，提升扩展性。
通过以上重构，按钮真正实现了「一键启停 + 重置」的语义化行为，倒计时从 5:00 流畅运行至 0:00，并准确触发完成提示——这是构建可靠交互式计时器的基础实践。
