JavaScript中setTimeout未按预期工作的问题求助

看起来你是把计时器的启动时机放错了！如果计时器是在游戏结束之后才被调用，那自然会出现“游戏结束后才开始计时”的情况。正确的逻辑应该是：游戏一启动就立刻启动计时器，让计时器和游戏同步运行，到时间就强制触发游戏结束。

修正后的代码示例 #

var questions = [
  { 
    letter: "a", 
    answer: "abducir", 
    status: 0, 
    question: "CON LA A. Dicho de una supuesta criatura extraterrestre: Apoderarse de alguien" 
  },
  // 可以继续添加其他题目...
];

// 游戏结束的核心函数：负责终止游戏、展示结果等
function endGame() {
  console.log("时间到！游戏结束！");
  // 这里添加游戏结束的具体逻辑：比如停止接受输入、计算得分、显示最终界面
  document.getElementById("answer-input").disabled = true;
  alert("时间到！你的最终得分是：XXX");
}

// 启动游戏的函数
function startGame() {
  console.log("游戏开始！");
  // 1. 第一步就启动计时器：4秒后触发游戏结束
  setTimeout(endGame, 4000);

  // 2. 再执行游戏的正常逻辑：展示题目、处理用户输入等
  showCurrentQuestion();
  setupInputHandler();
}

// 辅助函数：展示当前题目
function showCurrentQuestion() {
  const currentQuestion = questions.find(q => q.status === 0);
  if (currentQuestion) {
    document.getElementById("question-text").textContent = currentQuestion.question;
  }
}

// 辅助函数：处理用户输入
function setupInputHandler() {
  const input = document.getElementById("answer-input");
  input.addEventListener("keypress", function(e) {
    if (e.key === "Enter") {
      checkAnswer(input.value);
      input.value = "";
    }
  });
}

// 辅助函数：检查答案是否正确
function checkAnswer(userAnswer) {
  const currentQuestion = questions.find(q => q.status === 0);
  if (currentQuestion && userAnswer.toLowerCase() === currentQuestion.answer) {
    currentQuestion.status = 1; // 标记为已答对
    showCurrentQuestion(); // 展示下一题
    // 如果所有题目都答对，提前结束游戏
    if (questions.every(q => q.status === 1)) {
      alert("恭喜你答对所有题目！");
      endGame();
    }
  } else {
    alert("答案错误，再试试！");
  }
}

// 页面加载完成后启动游戏
window.addEventListener("load", startGame);

关键要点说明 #

• 计时器启动时机：一定要在startGame函数的最开头就调用setTimeout，确保游戏和计时器同时开始计时。
• 游戏结束逻辑的健壮性：endGame函数要能终止所有游戏相关的交互（比如禁用输入框），避免用户在时间到后还能继续操作。
• 提前结束的处理：如果用户在计时器归零前就完成了所有题目，记得手动调用endGame，同时可以用clearTimeout清除计时器，避免重复触发结束逻辑：

  // 把计时器的ID存起来
  let timerId;
  function startGame() {
    console.log("游戏开始！");
    timerId = setTimeout(endGame, 4000);
    // ...其他逻辑
  }
  
  function endGame() {
    clearTimeout(timerId); // 清除计时器，防止重复触发
    // ...结束逻辑
  }
  

这样调整后，计时器就会和游戏同步运行，到4秒时立刻结束游戏啦！

内容的提问来源于stack exchange，提问作者Alex G. Borrego