javascript - 停止倒数计时器Javascript并执行 Action

我正在使用此库在JavaScript中运行计数器：https://github.com/mckamey/countdownjs

这是我的看法：

<p id="countdown-holder", style="font-size:18px;"></p>

<script>
  var clock = document.getElementById("countdown-holder")
  , targetDate = new Date(2015, 12, 10);

  clock.innerHTML = countdown(targetDate).toString();
  setInterval(function(){
    clock.innerHTML = countdown(targetDate).toString();
  }, 1000);
</script>

当前，当倒数计时结束时，它将开始向上计数。

如何使计数器达到0并显示alert();消息时停止计数？

最佳答案

在间隔函数内部，检查Date.now()是否大于targetDate。如果是这样，请清除超时并显示警报。

var clock = document.getElementById("countdown-holder")
var targetDate = new Date(2015, 7, 7);

var intervalId = setInterval(function(){
    if(Date.now() >= targetDate) {
      clearInterval(intervalId);
      alert('Hi.');
      return;
    }
    clock.innerHTML = (targetDate)
  }, 1000);

<div id="countdown-holder">

</div>

关于javascript - 停止倒数计时器Javascript并执行 Action ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31907436/