达到一定时间后停止计时器
Stop Timer after Reaching a certain time
使用javascript计时器,我有一个计时器,它从00:00
开始,应该在00:10
停止(运行10秒)。
问题是,我如何连续检查计时器的当前值,以便在10秒后停止它?
<script>
window.onload = function() {
var timer = new Tock({
callback: function () {
$('#clockface').val(timer.msToTime(timer.lap()));
}
});
timer.start("00:01.780");
}
</script>
<h2>Timer</h2>
<input id="clockface" placeholder="00:00:00">
当前尝试次数:
setTimeout(timer,1000);
$('#clockface').change(function(){
if($('#clockface').val() == "00:05.000") {
timer.stop();
alert("True");
} else {
alert("False");
}
})
这似乎有效(JSFiddle:http://jsfiddle.net/gabrieldeliu/jLg2wvvL/1/):
var start_time;
var timer = new Tock({
callback: function() {
if (start_time && timer.lap() - start_time > 5000) {
console.log('Stopped at ' + timer.msToTime(timer.lap()));
timer.stop();
}
}
});
timer.start("00:01.780");
start_time = timer.lap();
console.log('Starts at ' + timer.msToTime(start_time));
这样尝试:
var init = new Date().getTime();
var inter = setInterval(function(){
if(new Date().getTime() - init > 1000)
{
clearInterval(inter);
return;
}
}, 2500);
相关文章:
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 显示具有服务器端自动时间注销的同步倒计时计时器
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- Jquery时间启动计时器,我有一个计时器的代码,但它在页面加载时启动
- 我一直收到的控制台警告是什么?推迟长时间运行的计时器任务以提高滚动的流畅性
- 基于一天中的时间的不均匀计数计时器Jquery
- 在 Node.Js 脚本中使用 Javascript 计时器在特定时间触发事件
- Javascript 倒数计时器 - 客户端时间与 mySQL 时间
- 如何制作倒计时计时器并在时间到时更新MySQL记录
- 更新网页上的计时器,并保持经过的时间--如何处理
- 倒计时计时器在Chrome和Firefox上显示不同的剩余时间
- 用javascript计算计时器,刷新时保持时间
- 日期和unix时间之间的时间,以及计时器倒计时
- 从javascript计数计时器显示当前时间
- 用于显示解析时间 c# 的计时器
- 角度引导时间选取器不绑定时间
- 如何在 JavaScript 中设置计时器持续时间
- 计时器在时间结束时发出警报
- 如何在刷新页面时保留倒计时计时器的时间
- Qualtrics,Javascript精确计时器使用时间花费在一个页面上