자바 스크립트 일시 중지 기능

나는 패스 동작에 setTimeout을 사용했습니다. 어떤 점 (언제든지 가능할 수 있습니다)을 일시 중지하고 싶습니다. 나는 다른 사람들이 여기서 쓴 것을 보았다. 그러나 쉽게 이해할 수 없었다. 누구나 나에게 조언을 해줄 수 있습니까? 고마워.자바 스크립트 일시 중지 기능

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'; 
}

출처

2014-10-22 Young Chun

각 요소에 대해 별도의 함수가 필요하지 않으므로 선택기에 대한 인수를 허용하는 함수를 정의하십시오. – undefined

가능한 복제본 [JavaScript, setTimeout] (http://stackoverflow.com/questions/10312963/javascript-settimeout) –

당신이하고 싶은 것이 분명하지 않습니다. 원하는 것을 편집하고 설명하십시오. –

이와 비슷한 기능이 있습니까?

<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>

출처

2014-10-22 11:50:32

자바 스크립트 일시 중지 기능

답변

관련 문제