setInterval 함수

setInterval 함수는 지정된 시간 간격으로 코드를 실행합니다. 첫 번째 매개변수로 콜백 함수를, 두 번째 매개변수로는 첫 번째 매개변수로 지정된 코드가 반복될 시간 간격을 밀리초 단위로 전달해야 합니다. 이 함수는 고유 식별자를 반환하며, 이 식별자를 clearInterval 함수에 전달하여 타이머를 중지할 수 있습니다.

구문

setInterval(함수, 시간);

예제

1초마다 콘솔에 텍스트를 출력하는 타이머를 시작해 봅시다:

setInterval(function() {
	console.log('text');
}, 1000);

예제

1초마다 콘솔에 증가하는 정수를 출력하는 타이머를 시작해 봅시다:

let i = 0;

setInterval(function() {
	console.log(i++);
}, 1000);

예제

카운터가 10에 도달하면 타이머를 중지해 봅시다:

let i = 0;

let id = setInterval(function() {
	i++;
	
	if (i == 10) {
		clearInterval(id);
	} else {
		console.log(i);
	}
}, 1000);

함께 보기

코드 실행 전 지연 시간을 설정하는 함수 setTimeout