자바스크립트 setTimeout과 setInterval

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>

 

 

[출처] NAVER 지식인 - ddini 님