호출 스케줄링 - SetTimeOut

setTimeout

자바스크립트에서 특정 작업을 일정 시간 후에 실행하도록 지연시키는 함수이며, 주어진 시간(밀리초 단위)이 지난 후에 콜백 함수를 실행하게 합니다.

setTimeout(function, delay);
// function: 일정 시간이 지난 후에 실행될 함수
// delay: 함수 실행을 지연할 시간(밀리초 단위). 1초 = 1000밀리초

사용법

setTimeout(() => {
  console.log("5초 후 메시지 출력");
}, 5000);

5초가 지나고 콘솔 결과창에 "5초 후 메시지 출력" 라는 문구가 나온다.

 

인자 전달하기

function greet(name) {
  console.log(`안녕하세요, ${name}`);
}

setTimeout(greet, 2000, "홍길동");

2초가 지나면 콘솔 결과창에 "안녕하세요, 홍길동" 이라는 문구가 출력

 

타이머 멈추기

const timeoutId = setTimeout(() => {
  console.log("출력되지 않을 메시지입니다.");
}, 3000);

clearTimeout(timeoutId);

clearTimeout 함수로 timeoutId를 취소하면, 3초 후에 실행될 예정이었던 함수는 실행되지 않는다.

 

따라서 setTimeOut은 특정 함수를 지연시키거나, 시간에 맞춰 실행시킨다.