➡️ 함수를 주기적으로 반복적으로 실행하고 중단하기 위해 아래와 같은 함수를 사용한다.

▶ setInterval

일정시간 마다 함수를 반복적으로 실행하는 함수이다.

• 시간은 1ms 단위이며, 1초마다 실행시키고싶으면 1000ms 를 쓰면 된다.
• handler 는 반복적으로 실행할 함수를 말한다.

setInterval(handler, 시간)

• Hello!라는 문자열을 콘솔에 3초에 1번씩 실행하는 타이머를 설정한다.

function test() {
  console.log("Hello!");
}
setInterval(test, 3000);

---

▶ setInterval

setInterval의 실행을 멈추게하는 함수이다.

clearInterval(setInterval로 생성된 함수)

• 5초 후에 clearInterval() 함수를 사용하여 타이머 중단하는 함수이다.

setTimeout(function() {
  clearInterval(intervalId);
}, 5000);

---

📎참조

• https://programming119.tistory.com/89
• https://steady-dev.tistory.com/192
• https://kyounghwan01.github.io/blog/JS/JSbasic/intervalFunction/#setinterval