setTimeout, setInterval, clearInterval 타이머

setTimeout 

딱 한번만 시간을 재고 싶을때 setTimeout을 사용한다.

 

구문

setTimeout(시간되면 할일, 측정할 시간)

 

예시

setTimeout(function(){ alert("HELLO "); },3000);

3초후 1번만 알럿창으로 HELLO를 출력한다.

 

 

 

타이머

setInterval(할일,시간)

clearInterval(인터벌이름)

 

예시

setInterval(function(){ alert("HELLO");},3000);

3초마다 반복해서 alert창을 띄운다.

 

 

setTimeout()과 clearTimeout()

setTimeout()함수는 매개변수 delay에 설정한 시간 뒤에 매개변수 callback 함수를 한번 호출한다.

이때 setTimeout()함수의 고유 index번호를 반환해주는데 setTimeout() 함수를 생성할때마다 1씩 증가

setTimeout(funtion(){         alert("1초 뒤에 호출됩니다."); }, 1000);

 

clearTimeout() 함수는 매개변수 timerId와 일치하는 index를 갖는 setTimeout() 함수가 호
출되지 않도록 제거한다.

var timeID = setTimeout(function(){        alert("1초 뒤에 호출됩니다."); },1000);        clearTimeout(timerID); });

→ setTimeout() 함수의 호출이 제거되어 1초가 지나도 콜백함수(setTimeout) 가 호출되지 않도록

setInterval()과 clearInterval()

setInverval() 함수는 매개변수 delay에 설정한 시간마다 지속적으로 매개변수 callback 함수를 호출한다.

setInterval(function(){        alert("1초 뒤에 호출됩니다."); },1000);

 

clarInterval() 함수는 매개변수 timerId와 일치하는 index를 갖는 setInverval() 함수가 호출되지 않도록 제거한다.

var intervalId = setInterval(function(){        alert("1초 뒤에 호출됩니다."); },1000);      clearTimeout(timerID);