如何在第二次倒计时后停止Javascript计时器
How to stop a Javascript Timer after the second countdown?
我正在尝试创建一个番茄钟(一个25分钟的工作倒计时和5分钟的休息时间倒计时),我很难停止休息时间的倒计时。
这是我到目前为止的Javascript:
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
var countdown = setInterval(function () {
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
clearInterval(countdown);
var breakClock = function() {
$("#title").text(function(i, text){
return text === 'Breaktime' ? 'Productive Countdown' : 'Breaktime'
});
var fiveMinutes = 60 * .05,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
if (--timer < 0) {
clearInterval(this.countdown);
}
};
breakClock();
}
}, 500);
}
$(".startClock").click(function(){
var twentyfiveMinutes = 60 * .25,
display = document.querySelector('#time');
startTimer(twentyfiveMinutes, display);
});
这是我的合作伙伴:http://codepen.io/cenjennifer/pen/pjzBVy?editors=101
仅供参考:我减少了时间,以便我可以轻松地测试功能。
change:
clearInterval(this.countdown);
:
clearInterval(countdown);
this
关键字不需要,因为countdown
变量是breakClock()
函数父作用域的局部变量。
相关文章:
- 在 Node.Js 脚本中使用 Javascript 计时器在特定时间触发事件
- Javascript 计时器只调用一次 Code 隐藏方法
- 重置图像滑块的Javascript计时器
- 正在停止Javascript计时器
- I'我试图让这个javascript计时器启动onclick,但它不会启动
- javascript计时器事件
- 如何向JavaScript计时器添加控件
- Javascript计时器在每次回发时进行初始化
- javascript计时器不工作
- JavaScript计时器|随机行为
- iPad JavaScript计时器停止运行检测睡眠模式
- JavaScript 计时器禁用功能
- JavaScript 计时器在第一次按键时启动
- 如何在刷新页面时停止重置 JavaScript 计时器
- 1 页上有多个 JavaScript 计时器
- Javascript 计时器性能
- 同步 Javascript 计时器
- 如何让 AJAX 使用 rails 和 JavaScript 计时器工作
- 我可以在移动浏览器中使用javascript计时器吗?
- Javascript计时器只有几分钟和几秒钟