setTimeout, setInterval

setTimeout

일정시간이 지난 후 함수를 실행
setTimeout(fn, 시간, [인수)

function showName(name) {
  console.log(name);
}

const tId = setTimeout(showName, 0, "min");

console.log(2); 
// 2가 먼저 출력되고 'min'이 출력됨, 현재 실행중인 스크립트가 종료된 이후에 스케쥴링 함수가 실행되기 떄문

clearTimeout()으로
예정된 setTimeout 작업을 없앤다.

function showName(name) {
  console.log(name);
}

const tId = setTimeout(showName, 3000, "min");
clearTimeout(tId); // 3초가 지나기 전에 실행되어 아무일도 일어나지 않는다. 

setInterval

일정 시간 간격으로 함수를 반복
clearInterval()으로
setInterval 작업을 중단한다.

// num이 5보다 커지면 setInterval 종료하기 
let num = 0;
function showTime() {
  console.log(num++);
  if (num > 5) {
    clearInterval(tId);
  }
}

const tId = setInterval(showTime, 1000);