当使用 ClearInterval() 达到 0 时 Jquery 停止倒计时答案

【问题标题】：Jquery stop countdown when reaches 0 with ClearInterval()当使用 ClearInterval() 达到 0 时 Jquery 停止倒计时
【发布时间】：2017-03-16 22:45:25
【问题描述】：

您好，我已经进行了从 5 到 0 的倒计时，但我想将计数器停在 0。我使用了 .stop() 函数，但这对我不起作用。我正在使用 SetInterval() 每秒刷新一次倒计时。现在我正在尝试使用 ClearInterval() 所以计数器应该停止计数。我不确定，但我认为我使用 ClearInterval 完全错误......

这是我用的：

if (time === 0) {
  clearInterval();
}

代码如下：

$(document).ready(function() {
  $("button").click(function() {
    var time = 5;
    setInterval(function() {
      time--;
      $('#time').html(time);
      if (time === 0) {
        clearInterval();
      }
    }, 1000);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="time">5</div>
<button>Activate Countdown</button>

【问题讨论】：

标签： jquery setinterval countdown clearinterval

【解决方案1】：

您需要告诉clearInterval() 要停止哪个计时器。将区间赋值给一个变量，然后将该变量赋值给clearInterval()

$(document).ready(function() {
  $("button").click(function() {
    var time = 5;
    var timer = setInterval(function() {
      time--;
      $('#time').html(time);
      if (time === 0) {
        clearInterval(timer);
      }
    }, 1000);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="time">5</div>
<button>Activate Countdown</button>

【讨论】：