停止Javascript的倒计时计时器并调用动作
Stopping countdown timer Javascript and invoking 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倒计时计时器值中节省时间
- 设置倒计时计时器,IE出现问题
- MobileFirst:在客户端运行计时器作业-最佳选项
- Javascript 计时器只调用一次 Code 隐藏方法
- 如何调用计时器中的启动和停止功能
- JavaScript倒数计时器在多次调用时闪烁
- 画布计时器的设置超时调用函数
- 调用函数时Jquery倒计时重置计时器
- 基于计时器的 Ajax 调用,一个页面上有 2 个调用
- 在异步调用返回后设置计时器
- 在调用函数时用javascript设置计时器
- 当php中的计时器使用javascript达到零时,不调用Submit方法
- Ajax调用和倒计时计时器
- 停止Javascript的倒计时计时器并调用动作
- 当ajax计时器(倒计时)显示0时,调用c#函数
- jQuery/AJAX调用一个计时器
- 当计时器倒计时到“0”时,如何自动“点击”按钮?(如何从代码中调用单击按钮?
- JavaScript -不能让计时器函数在页面加载时被调用
- Javascript.我怎样才能使这个函数(简单计时器)被调用后页面加载
- 如何设置计时器以防止ajax调用重叠