타이머 함수(setTimeout, setInterval)

타이머 함수

함수이름

setTimeout(함수, 시간) - 일정 시간 후 함수 실행
setInterval(함수, 시간) - 일정 시간 간격으로 함수 반복 실행
clearTimmeout(id) - 실행되고 있는 timeout을 중지
clearInterval(id) - 실행되고 있는 interval을 중지

함수 사용 예제

다음과 같은 함수가 있을 때

1 function sayHello() {
2    alert('hello');
3 }

1 setTimeout(sayHello, 1000);

sayHello 함수를 1초 뒤 한번 실행하도록 하는 코드이다.

1 setInterval(sayHello, 1000);

sayHello 함수를 1초 마다 계속 실행하도록 하는 코드이다.

1 var intervalID = setInterval(sayHello, 1000);
2     
3 setTimeout(function(){
4    clearInterval(intervalID);
5 }, 5001);

sayHello 함수를 1초마다 실행하지만 5.001초 뒤부터는 더이상 실행하지 않는다.(총 5회, 1초 간격으로 실행됨)