setInterval 함수

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

구문

javascriptsetInterval(함수, 시간);

예제

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

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

예제

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

javascriptlet i = 0;

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

예제

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

javascriptlet i = 0;

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

함께 보기