▶ 일정 시간마다 반복하기

senlnterval(콜백함수, 시간) 함수는 일정 시간마다 함수를 반복해서 실행한다.
시간은 밀리초 단위로 사용된다. (1000밀리초 = 1초)

3초마다 "나는 행복한 사람이야!" 를 출력하는 코드를 작성해보자.

function happy() {
  console.log("난 행복한 사람이야!");
}
setInterval(happy, 3000);

위 코드를 아래와 같이 동시에 실행할 수 있다.

setInterval(() => {
  console.log("난 행복한 사람이야!");
}, 3000);

---

▶ 반복 실행 멈추기

senlnterval()함수와 함께 clearInterval(타이머)함수를 사용하면 반복 실행을 멈출 수 있다.

"나는 행복한 사람이야!" 를 3번 반복하면 타이머를 멈추는 코드를 작성해보자.

let counter = 0;

const happy_timer = setInterval(() => {
  console.log("난 행복한 사람이야!");
  counter++;
  if (counter === 3) {
    clearInterval(happy_timer);
  }
}, 3000);
clearInterval();

---

▶ 특정 시간 이후에 실행하기

setTimeout(콜백함수, 시간) 함수는 지정한 시간이 지난 후에 콜백함수를 실행한다.

3초 후에 "나는 행복한 사람이야!" 를 출력하는 코드를 작성해보자.

setTimeout(() => {
  console.log("나는 행복한 사람이야!");
}, 3000);

---

📎참조

Doit! 모던 자바스크립트 프로그래밍의 정석