0 
function countDown(secs,elem)
{   
    var element = document.getElementById(elem);
    element.innerHTML = "Game ends in " + secs + " seconds!";
    if(secs<1)
    {   
        clearTimeout(timer);
        document.getElementById('gameContent').style.display='none';

    }
    secs--;
    var timer = setTimeout('countDown('+secs+',"'+elem+'")',1000);

}

 <div class="timerCount" id="status"></div>
 <script>countDown(5,"status");</script>

我的计时器在 5 秒后正确启动并递减。我的游戏 div 在计时器达到 0 后隐藏，但计时器没有清除并结束，而是变为负数。请我的代码中的错误，以便停止计时器并清除它

4

2 回答 2

2

如果您只使用setInterval并执行以下操作会更有效：

function countDown(secs, elem) {
  var interval;
  var element = document.getElementById(elem);
  var timer = setInterval(function() {
    secs--;
    update();
    if (secs < 1) {
      clearInterval(timer);
    }
  }, 1000);

  function update() {
    if (secs > 0) {
      element.innerHTML = "Game ends in " + secs + " seconds!";
    } else {
      document.getElementById('gameContent').style.display = 'none';
    }
  }
  update();

}

countDown(5, "status");
<div id="gameContent">
  <h1>Game</h1>
  <div class="timerCount" id="status"></div>
</div>

于 2017-06-23T19:09:26.087 回答
1

清除超时没有任何意义，因为您处于要清除的超时调用的回调中，所以确实没有什么要清除的。即使您将声明timer为全局变量，这仍然无法解决该概念问题。

你的问题真的是你setTimeout的秒数用完后你仍然打电话。所以，在这样做之前退出函数（或使用else）：

function countDown(secs,elem)
{   
    var element = document.getElementById(elem);
    element.innerHTML = "Game ends in " + secs + " seconds!";
    if(secs<1)
    {   
        document.getElementById('gameContent').style.display='none';
        return; // <-------- add this!
    }
    secs--;
    // avoid passing string as first argument to setTimeout:
    setTimeout(countDown.bind(null, secs, elem),1000);
}

注意：将字符串作为第一个参数传递给setTimeout: 需要评估该字符串，就像使用eval. 除了程序员对eval.

于 2017-06-23T18:44:04.940 回答