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

자바 스크립트의 내장 함수 중에 타이머 함수가 있다. 시간을 다루는 함수로 각 함수는 다음과 같은 역할을 한다.

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

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

 

 

1씩 증가하는 숫자를 1초마다 한번씩 화면에 출력하는 프로그램을 타이머 함수를 사용해서 만들어보자.

✔ setTimeout 사용

let num = 1;
function time_print () {
	console.log(num);
	num++;
	setTimeout(time_print, 1000);
}

time_print();

✔ setInterval 사용

let num = 1;
setInterval(function() {
    console.log(num);
    num++;
}, 1000);