停止javascript倒计时
Stop javascript countdown
我正在尝试使用javascript制作倒计时脚本。但我有一个问题,停止倒计时。
我已经从codepen.io 创建了这个DEMO
在这个演示中,你可以看到页面加载后倒计时将开始没有问题。但如果你在fadeOut倒计时后在开发者控制台中查看它,那么你可以看到倒计时仍然像-1、-2、-3。。。
我的问题是如何在fadeOut后停止倒计时?
JS-
$(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
$("#mdtimer span").text(sec--);
if (sec == 0) {
$("#makingdifferenttimer").delay(1000).fadeIn(1000);
$("#mdtimer").hide(1000).fadeOut(fast);
}
}, 1000);
});
您必须使用clearInterval()
函数来停止fadeOut
回调中的计时器:
clearInterval(timer);
请参见fadeOut()
complete
选项。
您的更新示例:
$(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
$("#mdtimer span").text(sec--);
if (sec == 0) {
$("#makingdifferenttimer").delay(1000).fadeIn(1000);
$("#mdtimer").hide(1000).fadeOut(500, function() {
clearInterval(timer);
});
}
}, 1000);
});
相关文章:
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- Javascript倒计时计时器倒计时未正确更新秒/分钟
- 结束后Javascript倒计时计时器重定向
- 停止javascript倒计时
- JavaScript-在倒计时期间禁用点击功能
- 设置Javascript倒计时计时器的初始值
- Javascript-将时区添加到日期倒计时中
- 自调整Javascript倒计时
- 如何进行自动倒计时,点击javascript继续倒计时
- 具有可变目标日期的倒计时javascript函数
- 如何在Javascript中定义一个简单的自动重启倒计时
- JavaScript倒计时计时器不会显示两次
- 如何设置此javascript倒计时计时器的样式
- 交替重复倒计时 - javascript
- 1 分钟倒计时 Javascript
- 倒计时JavaScript与开始和结束
- 暂停倒计时javascript jquery
- 检测用户时区并在倒计时Javascript中更改它
- 试图用当前时间与截止日期进行倒计时javascript
- 倒计时javascript应用程序