[javascript] 일정 간격으로 코드 실행하기 (setInterval, clearInterval)

목차

 

---

1.setInterval

 

setInterval 함수는 일정한 시간 간격마다 콜백 함수를 반복적으로 실행한다. 아래는 setInterval의 사용법이다

const intervalId = setInterval(callback, delay);

callback: 반복적으로 실행할 콜백 함수이다.
delay: 콜백 함수를 실행하기 전에 기다리는 시간 간격 (밀리초)이다.
setInterval을 사용하여 반복적인 작업을 수행하거나 주기적으로 코드를 실행할 수 있다. 예를 들어, 주기적으로 데이터를 가져오는 작업이나 애니메이션 효과를 구현하는 데에 사용할 수 있다.

const intervalId = setInterval(() => {
  console.log('이 메시지는 3초 후 나타납니다.');
}, 3000);

 

---

2. clearInterval

 

clearInterval 함수는 setInterval에 의해 설정된 반복 작업을 중지한다. 이 함수에 setInterval의 반환값인 intervalId를 전달하여 해당 반복 작업을 취소할 수 있다.

clearInterval(intervalId);