javascript - 单击按钮后开始倒计时

Question

我正在创建一个带有计时器倒计时的 child 游戏，该游戏会在用户点击按钮后开始计时。

我使用的代码可以毫无问题地启动倒计时，但我希望倒计时仅在单击按钮后开始。

这是我的代码:

window.onload = function(){
(function(){
  var counter = 5;
  setInterval(function() {
    counter--;
    if (counter >= 0) {
      span = document.getElementById("count");
      span.innerHTML = counter;
    }
    if (counter === 0) {
        alert('sorry, out of time');
        clearInterval(counter);
    }
  }, 1000);
})();
}

JSFiddle

谢谢!劳伦

Answer 1

使用 id= "startClock" 的操作链接的点击事件

$("#startClock").click( function(){
   var counter = 5;
   setInterval(function() {
     counter--;
      if (counter >= 0) {
         span = document.getElementById("count");
         span.innerHTML = counter;
      }
      if (counter === 0) {
         alert('sorry, out of time');
         clearInterval(counter);
       }
     }, 1000);
});