使用setInterval暂停并继续
pause and continue using setInterval
我想要实现的是当您单击此href <a href="javascript:void(0)" class="pauser">pause/continue</a>
时,计时器暂停并在再次按下时继续。
<script>
$(document).ready(function () {
var counter = 10;
var id = setInterval(function() {
counter--;
if(counter > 0) {
var msg = 'You can continue ' + counter + ' seconds';
$('#notice').text(msg);
} else {
$('#notice').hide();
$('#download').show();
clearInterval(id);
}
}, 1000);
});
</script>
与jQuery相关的HTML在这里,如果你需要。
<a href="http://myurl.com" id="download" class="button" style="display: none;font-size:30px;">Continue !!</a><p id="notice">
You can continue in 10 seconds</p>
我会让你的pause事件设置一个布尔值,然后在递减计数器之前检查这个布尔值:
<a href="javascript:setPause();" class="pauser">pause/continue</a>
和
var ispaused=false;
function setPause(){
ispaused=!ispaused;
}
和
$(document).ready(function () {
var counter = 10;
var id = setInterval(function() {
if(!ispaused){ ////the only new line I added from your example above
counter--;
if(counter > 0) {
var msg = 'You can continue ' + counter + ' seconds';
$('#notice').text(msg);
} else {
$('#notice').hide();
$('#download').show();
clearInterval(id);
}
}
}, 1000);
});
应该可以了,对吧?
相关文章:
- 如何临时暂停浏览器渲染,然后恢复整个页面
- jQuery循环在特定位置暂停
- NodeJS-readline暂停和恢复事件发射器(逐行读取)
- 最小化时暂停Javascript动画
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- Video.js没有'暂停后无法继续
- Javascript 我正在尝试用 noloop() 暂停球;但是在键向上我想继续球反弹,你能看看我的代码并帮助我吗?
- php中的图片库:暂停读取文件数组,继续onclick
- 是否可以间隔暂停视频,并请求验证码以继续播放
- 当音频元素暂停时,AnalyserNode会继续发送数据
- 是否可以防止引导轮播在鼠标悬停时暂停并继续自动循环
- 在Javascript或Jquery中进行循环暂停,直到用户输入内容,然后继续
- 播放其他视频时暂停视频-关闭后继续
- 如何暂停css动画,然后从暂停点继续运行
- 暂停setInterval然后继续有问题
- Raphael JS -鼠标悬停时开始/继续动画.鼠标离开时暂停动画
- 使用setInterval暂停并继续
- 暂停当前ajax调用,执行一个新的,执行后,继续默认的ajax调用
- 如何使用fadeLoop暂停并继续
- 如何暂停表单提交,最后一次验证,在最后和之后释放/触发/继续提交