停止倒数计时器 Javascript 并调用操作

Question

我正在使用这个库运行 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(); 消息？

Answer 1

在您的区间函数中检查 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 并调用操作

Stopping countdown timer Javascript and invoking action

javascript

jquery

setinterval

countdownjs.js