JavaScript setInterval 함수 사용법 및 활용법

setInterval은 자바스크립트에서 주어진 함수를 지정된 시간 간격마다 반복해서 실행하도록 예약하는 메서드입니다. 주로 정기적으로 어떤 작업을 수행해야 할 때 사용됩니다.

사용법

setInterval의 기본 문법은 다음과 같습니다:

let intervalID = setInterval(callback, delay, arg1, arg2, ...);
callback: 지정된 시간 간격마다 호출될 함수입니다.
delay: 호출 간격을 밀리초 단위로 설정합니다. 1000은 1초를 의미합니다.
arg1, arg2, ...: 콜백 함수에 전달될 인수입니다.

 

 

예제

아래 예제에서는 1초마다 콘솔에 "Hello, World!"라는 메시지를 출력합니다.

setInterval(function() {
  console.log("Hello, World!");
}, 1000);

 

인터벌 취소하기

필요에 따라 setInterval로 시작된 인터벌을 취소해야 할 수도 있습니다. 이를 위해서는 clearInterval 메서드를 사용하면 됩니다.

let intervalID = setInterval(function() {
  console.log("Hello, World!");
}, 1000);

// 5초 후에 인터벌을 취소합니다.
setTimeout(function() {
  clearInterval(intervalID);
  console.log("Interval has been cleared!");
}, 5000);

위 예제에서는 setInterval이 반환한 ID를 clearInterval에 전달하여 5초 후에 인터벌을 취소하고 있습니다. 인터벌이 취소되면 "Interval has been cleared!" 메시지가 출력됩니다.

 

setInterval() 함수 응용(시계 만들기)