노트 #36 | 타이머 API

setTimeout(callback, millisecond)

일정 시간 후에 함수를 실행

• 인자: 1. 실행할 콜백 함수, 2. 콜백 함수 실행 전 대기 시간 (밀리초)
• 출력: 임의의 타이머 ID

// setTimeout(callback, millisecond)

setTimeout(function () {
  console.log('1초 후 실행');
}, 1000);

// 1 (임의의 타이머 ID)

clearTimeout(timerID)

setTimeout 타이머를 종료

• 인자: 타이머 ID
• 출력: 없음

// clearTimerout(timerID)

const timer = setTimeout(function () {
  console.log('10초 후 실행');
}, 10000);
clearTimeout(timer);

// setTimeout 종료됨

setInterval(callback, millisecond)

일정 시간의 간격을 가지고 함수를 반복적으로 실행

• 인자: 1. 실행할 콜백 함수 2. 콜백 함수 실행전 대기 시간
• 출력: 임의의 타이머 ID

// setInterval(callback, millisecond)

setInterval(function() {
  console.log('1초마다 실행')
}, 1000);

// 3 (임의의 타이머 ID)

clearInterval(timerID)

setInterval 타이머를 종료

• 인자: 타이머 ID
• 출력: 없음

// clearInterval(timerID)

const timer = setInterval(() => {
  console.log('1초마다 실행');
}, 1000)
clearInterval(timer);

// setInterval 종료됨