JavaScript问答游戏：实现题目全部作答后的优雅结束机制

let timeInterval; // 将 timeInterval 声明在更广的作用域
// ... 其他变量声明 ...

function nextquestion(event) {
  if (event.target.className === "btn") {
    console.log(event.target.textContent, questionKey[currentQuestion].answer);
    if (event.target.textContent === questionKey[currentQuestion].answer) {
      score += 10;
      console.log("correct");
      console.log(score);
    } else {
      if (timeLeft >= 10) {
        console.log(timeLeft);
        timeLeft = timeLeft - 10;
        document.getElementById("timeSpan").innerHTML = timeLeft;
        console.log("not correct");
      } else {
        timeLeft = 0;
        gameOver(); // 如果时间不足，也会触发游戏结束
      }
    }

    currentQuestion++; // 递增当前问题索引

    // 关键的逻辑：检查是否所有问题都已回答
    if (currentQuestion === questionKey.length) {
      clearInterval(timeInterval); // 停止计时器
      gameOver(); // 结束游戏
    } else {
      displayQuestion(); // 显示下一个问题
    }
  }
}

// ... (HTML元素获取和问题数据定义保持不变) ...

// 初始状态变量
let timeLeft = 60;
let score = 0;
let currentQuestion = -1;
let finalScore;
let timeInterval; // 声明在全局作用域

// ... (changeDiv, gameStart, startTimer 函数保持不变) ...

function startTimer() {
  timeInterval = setInterval(
    () => {
      timeLeft--;
      document.getElementById("timeSpan").innerHTML = timeLeft;
      if (timeLeft <= 0) {
        clearInterval(timeInterval);
        gameOver();
      }
    }, 1000);
}

// ... (displayQuestion 函数保持不变) ...

document.querySelector('#questionHolder').addEventListener('click', nextquestion);

function nextquestion(event) {
  if (event.target.className === "btn") {
    // 判断答案正确性并更新分数或时间
    if (event.target.textContent === questionKey[currentQuestion].answer) {
      score += 10;
    } else {
      if (timeLeft >= 10) {
        timeLeft -= 10;
        document.getElementById("timeSpan").innerHTML = timeLeft;
      } else {
        timeLeft = 0;
        gameOver();
        return; // 提前返回，避免在时间为0时继续处理问题
      }
    }

    currentQuestion++; // 移动到下一个问题

    // 检查是否还有更多问题
    if (currentQuestion === questionKey.length) {
      clearInterval(timeInterval); // 所有问题答完，停止计时器
      gameOver(); // 结束游戏
    } else {
      displayQuestion(); // 显示下一个问题
    }
  }
}

function gameOver() {
  // 确保计时器显示为0，即使游戏提前结束
  document.getElementById("timeSpan").innerHTML = 0; 
  changeDiv('questionHolder', 'finishedPage');
  finalScore = score;
  finalScoreEl.textContent = finalScore; // 显示最终分数
}