jQuery Ajax中重启setInterval异常问题求助

你的问题核心是定时器重启时未重置计时变量，再加上代码里的几处小错误，导致计时逻辑混乱：

1. 冗余赋值错误：timePassed = timePassed += 1; 写法不规范，虽实际运行效果等同于timePassed +=1，但易引发误解
2. Ajax回调未重置计时变量：重启定时器时沿用之前的timePassed累计值，导致timeLeft出现负数或异常数值
3. DOM元素赋值错误：document.getElementById("dividname").text 不是标准属性，应使用textContent或innerHTML

修复后的完整代码 #

const TIME_LIMIT = 10; // 10秒
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null; 

function onTimesUp() {
  clearInterval(timerInterval);
}

function resetTimerVars() {
  // 重置计时变量，确保每次重启都从初始状态开始
  timePassed = 0;
  timeLeft = TIME_LIMIT;
}

function startTimer() {
  // 先清除旧定时器，避免多个定时器同时运行导致计时加速
  clearInterval(timerInterval);
  resetTimerVars();
  
  timerInterval = setInterval(() => {
    timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("dividname").innerHTML = formatTime(timeLeft);
    
    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;
  if (seconds < 10) {
    seconds = `0${seconds}`;
  }
  return `${minutes}:${seconds}`;
}

修复后的Ajax代码 #

$.ajax({
    type: 'POST',
    url: aw_ajax_url,
    dataType: 'json',
    data: {
        'action': 'acttionname', 
    },
    success: function (data) { 
       startTimer(); // 直接调用startTimer，内部已处理清除旧定时器和重置变量
    } 
});

关键修复点说明 #

• 新增resetTimerVars函数统一重置计时变量，保证每次重启定时器都从0开始计数
• startTimer内部先清除旧定时器，避免多个定时器叠加导致计时速度异常
• 简化Ajax回调逻辑，直接调用startTimer即可完成重启操作
• 修正timePassed的累加写法为标准的timePassed += 1

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