实现正计时+倒计时秒表，解决重置后正计时起始异常问题

核心问题是计时状态未在模式切换或倒计时结束后正确重置，导致正计时沿用了倒计时的剩余数值。以下是具体修复步骤：

1. 新增统一重置函数 #

创建通用重置函数，统一处理计时变量、定时器和显示状态，避免冗余代码：

// 重置计时状态
function resetTimerState() {
  clearInterval(window.timerInterval); // 清除定时器
  window.currentSeconds = 0; // 重置计时基准值
  updateDisplay(0); // 更新页面显示为00:00
  window.isRunning = false; // 标记计时未启动
}

2. 倒计时结束时强制重置 #

在倒计时逻辑中，数值归0后立即调用重置函数，确保后续操作的初始状态正确：

function runCountdown() {
  window.currentSeconds--;
  updateDisplay(window.currentSeconds);
  
  if (window.currentSeconds <= 0) {
    resetTimerState();
    // 可添加倒计时完成提示，比如 alert('倒计时结束！')
  }
}

3. 开始计时前根据模式初始化数值 #

在开始按钮的点击事件里，明确区分正计时和倒计时的初始值：

document.getElementById('startBtn').addEventListener('click', function() {
  if (window.isRunning) return; // 防止重复触发定时器
  
  window.isRunning = true;
  if (window.isCountdownMode) {
    // 倒计时模式：从用户设置的数值开始
    const targetTime = parseInt(document.getElementById('countdownInput').value);
    if (targetTime <= 0) {
      alert('请输入大于0的倒计时时长');
      window.isRunning = false;
      return;
    }
    window.currentSeconds = targetTime;
    window.timerInterval = setInterval(runCountdown, 1000);
  } else {
    // 正计时模式：强制从0开始
    window.currentSeconds = 0;
    window.timerInterval = setInterval(runCountup, 1000);
  }
});

4. 切换模式时重置状态 #

在正/倒计时模式切换按钮的事件里，调用重置函数，避免模式切换后残留之前的计时数值：

document.getElementById('modeSwitchBtn').addEventListener('click', function() {
  window.isCountdownMode = !window.isCountdownMode;
  resetTimerState();
  // 更新模式提示文本
  this.textContent = window.isCountdownMode ? '切换为正计时' : '切换为倒计时';
});

关键注意点 #

• 计时相关变量（currentSeconds、timerInterval、isRunning、isCountdownMode）建议挂载到window对象或使用模块级变量，避免作用域问题
• 每次启动计时前必须清除已有定时器，防止多个定时器同时运行

内容的提问来源于stack exchange，提问作者Roman