본문으로 바로가기

자바스크립트 setTimeout(), setInterVal()

category 웹/웹.html.스크립트 2008. 2. 27. 03:59

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


댓글을 달아 주세요

  1. 지나가다 2011.09.15 16:35

    좋은 내용 잘 보고 갑니다. 많은 도움이 되었습니다.
    감사합니다.

    • Favicon of https://gudle.net BlogIcon 애부리기 구들 2011.09.24 15:30 신고

      도움이 되셨다니 저도 기분이 좋습니다.

      한참 자바스크립트 작업하다 모은 겁니다만 지금은 잘 보지 않고 있습니다.

      지금 업무는 많이 다른 쪽이어서...

      건강하세요.