实现计时器Javascript - 琐事游戏

Question

我用Javascript编写了一个Trivia游戏，但我很难理解如何正确地为每个问题实现一个计时器。我已经做到这一点，每个问题都是单独呈现的，我希望每个问题都有一个计时器。如果计时器用完，它应该继续下一个问题。

这是link到JSFiddle

如果有人可以花几分钟时间修改JSFiddle，或者让我知道为了让每个问题从10开始倒数​​我必须做些什么，我会非常感激。非常感谢！

Answer 1

JavaScript中的计时器异步工作。这是你应该知道的第一件事。其次，根据您的需要，您可以使用：

• setTimeout(function, timeout)这个允许你延迟执行由提供的时间提供的功能（以毫秒为单位）。
• setInterval(function, timer)这个函数每隔timer毫秒
进行一次函数调用

根据您如何交织这些代码，您的代码应该执行以下操作：

function timerExpired(){
  questionCounter++;
  newQuestion();
  setTimeout(timerExpired, 15000);
}
//This one will make sure that every 15 seconds, your questions get "moved on" to the next question. You can do the same with an interval, like so:
setInterval(function(){
  questionCounter++;
  newQuestion();
}, 15000);

如果没有这种情况，这就变成了我编写你的代码。