javascript暂停函数
javascript pause the function
我使用setTimeout
来传递运动。在某个时候(可能是任何时候)我想暂停一下。我看过其他人在这里写的。但不容易理解。有人能给我一些建议吗?thx。
function start(){
a();
}
function a(){
document.getElementById('a').style.display = 'block';
setTimeout(b,1000);
}
function b(){
document.getElementById('b').style.display = 'block';
setTimeout(c,1000);
}
function c(){
document.getElementById('c').style.display = 'block';
setTimeout(d,1000);
}
function d(){
document.getElementById('d').style.display = 'block';
setTimeout(e,1000);
}
function e(){
document.getElementById('e').style.display = 'block';
}
类似的东西?
<script>
var timer = null;
var callback = null;
function start() {
clearTimeout(timer); // prevent a previous timer from doubling the speed
// first time, see if callback is set
if(! callback) {
callback = a;
}
// last function. make it stop
if(callback === e) {
return;
}
callback();
}
function pause() {
clearTimeout(timer);
}
function a() {
document.getElementById('a').style.display = 'block';
timer = setTimeout(b, 1000);
callback = a;
}
function b() {
document.getElementById('b').style.display = 'block';
timer = setTimeout(c, 1000);
callback = b;
}
function c() {
document.getElementById('c').style.display = 'block';
timer = setTimeout(d, 1000);
callback = c;
}
function d() {
document.getElementById('d').style.display = 'block';
timer = setTimeout(e, 1000);
callback = d;
}
function e() {
document.getElementById('e').style.display = 'block';
callback = e;
}
</script>
<style>
#a, #b, #c, #d, #e {
display: none;
width: 100px;
height: 100px;
}
</style>
<input type="button" value="start" onclick="start()">
<input type="button" value="pause" onclick="pause()">
<div id="my_box">
<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>
<div id="d">D</div>
<div id="e">E</div>
</div>
相关文章:
- 暂停函数执行流程,直到ajax请求完成
- 多次更改 onclick() 函数(播放/暂停图像更改)
- 如何使即兴 jquery 暂停当前函数执行
- Jquery 函数创建一个异常的暂停
- 在javascript函数中间暂停
- Javascript 暂停 - 禁用一个函数,直到另一个函数完成
- 暂停 javascript,直到函数被执行
- 如何从外部暂停和停止递归 JavaScript 函数
- 如何在 javascript 中暂停自调用函数
- JavaScript 暂停时间函数
- 暂停,直到事件/函数使用 jquery 或 JavaScript 完成
- 函数中的多次暂停
- 暂停另一个函数的 JS 函数
- 在javascript游戏中添加暂停函数时遇到问题
- javascript暂停函数
- 如何在JavaScript中暂停函数
- JavaScript/jQuery暂停函数,然后再次启动它
- 如何在调用函数时暂停动画
- 函数运行时的暂停事件
- 是否可以为特定的子函数暂停tick函数?