컴터/Javascript / html
setTimeout , setInterval 차이
우렁씨
2007. 7. 30. 23:38
http://koxo.com/lang/js/object/exp/wwindow4.html
////////////setTimeout///////////////////////////////////////////
<span id=Clock1> </span> <SCRIPT>var timer1=''; function clock1(){ Clock1.innerHTML=new Date().toLocaleString(); timer1=setTimeout('clock1()',50) }</SCRIPT><INPUT type=button value="타이머 시작" onClick="clock1()"><BR> <INPUT type=button value="타이머 중지" onClick="if (timer1) window.clearTimeout(timer1)">
////////////setTimeout///////////////////////////////////////////<span id=Clock> </span> <SCRIPT>var timer=''; function clock(){Clock.innerHTML=new Date().toLocaleString();} </SCRIPT><INPUT type=button value="타이머 시작" onClick="timer=window.setInterval('clock()',50);"><BR> <INPUT type=button value="타이머 중지" onClick="if (timer) window.clearInterval(timer)">
차이는
setTimeout은 한번만 작동하고 계속 작동될려면 재귀적으로 함수안에서 그 함수를 호출하여야 한다.
setInterval은 지정정된 밀리 초 마다 반복적으로 함수를 호출한다.
이제야 이걸 알았다..ㅡㅡ;