优化JavaScript倒计时器：解决重复触发与实现暂停/恢复功能

const initialCountdown = 10; // 初始倒计时秒数
let countdown = initialCountdown;
let intervalId; // 用于存储定时器ID

function startTimer() {
  // 确保在启动前清除任何现有的定时器，防止重复触发
  if (intervalId) {
    clearInterval(intervalId);
  }

  intervalId = setInterval(() => {
    if (countdown > 0) {
      countdown--;
      // 假设 setSeconds 是一个用于更新UI的函数，例如React/Vue的状态更新
      setSeconds(countdown);
    } else {
      // 倒计时归零，停止定时器并重置
      clearInterval(intervalId);
      intervalId = null; // 清除ID，表示定时器已停止
      countdown = initialCountdown;
      setSeconds(countdown);
    }
  }, 1000); // 每1000毫秒（1秒）执行一次
}

// 假设 setSeconds(value) 是一个外部函数，用于更新UI显示
// function setSeconds(value) {
//   // 更新界面显示
//   console.log("Current countdown:", value);
// }

const initialCountdown = 10; // 初始倒计时秒数
let countdown = initialCountdown;
let intervalId = null; // 初始化为null，表示没有定时器在运行

function onPressStartButton() {
  // 如果定时器已经在运行，则直接返回，避免重复启动
  if (intervalId !== null) {
    console.log("Timer is already running.");
    return;
  }

  intervalId = setInterval(() => {
    if (countdown > 0) {
      countdown--;
      setSeconds(countdown); // 更新UI显示
    } else {
      // 倒计时归零，停止定时器并重置
      clearInterval(intervalId);
      intervalId = null; // 将ID设为null，表示定时器已停止
      countdown = initialCountdown;
      setSeconds(countdown);
    }
  }, 1000);
}

// 假设 setSeconds 是一个用于更新UI的函数
// 例如在Draftbit中，这可能是一个组件状态更新函数
// function setSeconds(value) { /* ... */ }

const initialCountdown = 10; // 初始倒计时秒数
let countdown = initialCountdown;
let intervalId = null; // 存储定时器ID
let isPaused = false; // 标记定时器是否处于暂停状态

// 假设 setSeconds 是一个用于更新UI的函数
// function setSeconds(value) { /* ... */ }

/**
 * 启动或恢复倒计时
 */
function onPressStartOrResume() {
  // 如果定时器已经在运行且未暂停，则直接返回
  if (intervalId !== null && !isPaused) {
    console.log("Timer is already running.");
    return;
  }

  isPaused = false; // 恢复时，取消暂停标记

  // 清除任何旧的定时器，以防万一
  if (intervalId) {
    clearInterval(intervalId);
  }

  intervalId = setInterval(() => {
    if (countdown > 0) {
      countdown--;
      setSeconds(countdown); // 更新UI显示
    } else {
      // 倒计时归零
      clearInterval(intervalId);
      intervalId = null;
      countdown = initialCountdown; // 重置为初始值
      setSeconds(countdown); // 更新UI显示为初始值
      console.log("Countdown finished!");
    }
  }, 1000);
}

/**
 * 暂停倒计时
 */
function onPressPause() {
  if (intervalId !== null) {
    clearInterval(intervalId); // 停止定时器
    intervalId = null; // 清除ID
    isPaused = true; // 设置暂停标记
    console.log("Timer paused at:", countdown);
  } else {
    console.log("Timer is not running to be paused.");
  }
}

/**
 * 停止并重置倒计时
 */
function onPressStopAndReset() {
  if (intervalId !== null) {
    clearInterval(intervalId);
    intervalId = null;
  }
  isPaused = false;
  countdown = initialCountdown;
  setSeconds(countdown); // 更新UI显示为初始值
  console.log("Timer stopped and reset.");
}

// 示例用法（在Draftbit中，这些函数会绑定到按钮的On Press事件）
// 例如：
// <Button title="Start/Resume" onPress={onPressStartOrResume} />
// <Button title="Pause" onPress={onPressPause} />
// <Button title="Stop/Reset" onPress={onPressStopAndReset} />