Question

你好我已经做了一个从5到0的倒计时，但我想反击停在0.我使用.stop（）函数，但这对我没有用。我正在使用SetInterval（）每秒刷新倒计时。现在我尝试使用ClearInterval（），因此计数器应该停止计数。我不确定，但我认为我完全错误地使用了ClearInterval ......

这就是我使用的：

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

以下是代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

您需要告诉clearInterval()停止哪个计时器。将间隔分配给变量，然后将该变量赋予clearInterval()

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用ClearInterval（）到达0时，Jquery停止倒计时

1 个答案: