본문 바로가기

컴터/Javascript / html

setTimeout , setInterval 차이

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
http://koxo.com/lang/js/object/exp/wwindow4.html

////////////setTimeout///////////////////////////////////////////
<span id=Clock1>&nbsp;</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>&nbsp;</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은 지정정된 밀리 초 마다 반복적으로 함수를 호출한다.
이제야 이걸 알았다..ㅡㅡ;

'컴터 > Javascript / html' 카테고리의 다른 글

간단하게 콤마찍기  (0) 2007.08.09
창없이 새창띄우기..  (0) 2007.08.01
자바스크립트에서 패키지 정의하기  (0) 2007.04.18
JSON 표기법으로 클래스 생성  (0) 2007.04.17