如何实现总循环4次的10秒重启倒计时计时器？

你的代码存在几个核心问题：

1. 异步操作导致返回值无效：setInterval是异步执行的，你的countdownTimer函数会立刻返回初始的timeLeft值，后续回调中修改的timeLeft不会同步到返回结果里；如果控制台输出undefined，大概率是函数调用上下文错误（比如this.timeUtils未正确初始化），但核心矛盾是异步操作无法通过同步return返回实时倒计时。
2. 未利用重试次数参数：代码里完全没用到retries参数，导致倒计时会无限循环，无法在4次后停止。
3. 定时器未清理：无限循环的setInterval会造成内存泄漏，必须在完成指定次数后手动清除。

由于倒计时是异步过程，无法通过同步返回值获取实时时间，推荐使用回调函数+递归/定时器计数的方式实现，同时控制循环次数。

方案1：递归+Promise（推荐，更易控制流程） #

服务文件代码 #

// Countdown timer
public countdownTimer(retries, initialTime, onTick) {
  return new Promise((resolve) => {
    let currentRetry = 0;
    let timeLeft = initialTime;

    const tick = () => {
      // 把当前倒计时时间传递给组件
      onTick(timeLeft);
      
      if (timeLeft > 0) {
        timeLeft--;
        setTimeout(tick, 1000);
      } else {
        currentRetry++;
        if (currentRetry < retries) {
          // 重置时间，开始下一轮倒计时
          timeLeft = initialTime;
          setTimeout(tick, 1000);
        } else {
          // 所有循环完成，通知组件
          resolve('4轮倒计时已完成');
        }
      }
    };

    // 启动第一次倒计时
    tick();
  });
}

组件调用代码 #

this.timeUtils.countdownTimer(4, 10, (currentTime) => {
  // 实时打印当前倒计时时间
  console.log(currentTime);
})
.then((message) => {
  // 所有循环完成后执行
  console.log(message);
});

方案2：setInterval+计数器（更简洁） #

服务文件代码 #

// Countdown timer
public countdownTimer(retries, initialTime, onTick) {
  let currentRetry = 0;
  let timeLeft = initialTime;
  
  const timer = setInterval(() => {
    onTick(timeLeft);
    
    if (timeLeft > 0) {
      timeLeft--;
    } else {
      currentRetry++;
      if (currentRetry >= retries) {
        // 达到重试次数，清除定时器
        clearInterval(timer);
        onTick('倒计时完成');
        return;
      }
      // 重置时间，开始下一轮
      timeLeft = initialTime;
    }
  }, 1000);
}

组件调用代码 #

this.timeUtils.countdownTimer(4, 10, (currentTime) => {
  console.log(currentTime);
});

• 用onTick回调函数传递实时倒计时时间，替代同步返回值的思路，这是处理异步操作的标准方式。
• 通过currentRetry计数器严格控制循环次数，达到4次后停止定时器。
• 两种方案都避免了内存泄漏：方案1通过递归自动结束，方案2手动调用clearInterval清理定时器。

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