[JS] 타이머 함수

자바스크립트 내장 함수 중 타이머 함수가 있다. 타이머 함수는 아래와 같은 역할을 한다.

함수 이름	설명
setTimeOut(함수, 시간)	입력 받은 시간 이후 함수를 1번 실행한다.
setInterval(함수, 시간)	입력 받은 시간을 간격으로 함수를 반복적으로 실행한다.
clearTimeOut()	실행되고 있는 setTimeOut 함수를 중단한다.
clearInterval()	실행되고 있는 setInterval 함수를 중단한다.

1. setTimeout(callback, delay);

• callback : 실행할 함수
• delay : 밀리초 단위의 지연 시간

일정 시간이 지난 후에 지정된 callback 함수를 실행한다. 비동기적으로 진행되며 주로 일정 시간 이후 특정 작업을 실행하고자 할 때 사용한다.

console.log("Start");

setTimeout(function() {
  console.log("Timeout completed after 2000 milliseconds");
}, 2000);

console.log("End");

2. setInterval(callback, delay);

• callback : 실행할 함수
• delay : 밀리초 단위의 실행 간격

let count = 0;

function printCount() {
  console.log("Count:", count);
  count++;

  if (count > 5) {
    clearInterval(intervalId); // 특정 조건이 만족되면 setInterval을 중지
  }
}

const intervalId = setInterval(printCount, 1000);

타이머 함수 사용 시 메모리 누수를 방지하기 위해 반드시 clearTimeout() 혹은 clearInterval()을 사용해야한다.