본문으로 바로가기

tid=setTimeout(a,b)은 b초후에 a함수를 실행합니다. 이것은 1회만 실행하는거구요.
tid=setInterval(a,b)는 b초마다 a함수를 실행합니다. 이것은 무한루프가 되는거지요,

둘모두 실행후 중단할때에는 clearTimeout(tid) 와 clearInterval(tid) 로서 실행을 중단합니다.
tid는 setTimeout과 setInterval을 실행후에 리턴되는 타이머 ID구요, 이 타이머ID로서 타이머를 중단할 수 있는거지요.

setTimeout을 이용한 반복문의 예제

<script>

cnt=0;

 function a(){

  if(cnt<10){

  cnt++;

  alert(cnt);

  tid=setTimeout(a,1000); //1초후 a함수 실행 - 재귀호출

  } else

    clearTimeout(tid);

 }

a();

</script>


setInterval을 이용한 반복문의 예제

<script>

cnt=0;

function a(){

  if(cnt<10){
    cnt++;
    alert(cnt);
  } else
    clearInterval(tid);
 }

tid=setInterval(a,1000); //1초후 a함수 실행 - 재귀호출
</script>

출처 [JavaScript] setTimeout(), setInterVal()|작성자 1028hoya