[자바스크립트] 타이머 함수(setTimeout, setInterval)

타이머 함수

자바스크립트 내장 함수중에 타이머 함수가 있습니다.

타이머 함수는 다음과 같은 역할을 합니다.

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

※ 시간은 밀리세컨드 단위이며, clear 함수가 받는 인자는 set 함수가 반환하는 값입니다.

함수 사용 예제

다음과 같은 함수가 있을 때

function sayHello() {
    alert('hello');
}

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

setTimeout(sayHello, 1000);

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

setInterval(sayHello, 1000);

sayHello 함수를 1초 마다 실행하지만 5.001초 뒤부터는 더이상 실행하지 않습니다.

(총 5회, 1초 간격으로 실행됩니다.)

var intervalID = setInterval(sayHello, 1000);
    
setTimeout(function(){
    clearInterval(intervalID);
}, 5001);