[JavaScript] 타이머 API 정리

2022.11.23

💡 오늘의 JavaScript 공부

▶️ 타이머 API

📌 setTimeout ( callback, millisecond )

일정 시간 후에 함수를 실행

• 매개변수 : 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 ( 밀리초 )
• return 값 : 임의의 타이머 ID

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

📌clearTimeout(timerId)

setTimeout 타이머를 종료

• 매개변수(parameter): 타이머 ID
• return 값: 없음

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

📌setInterval(callback, millisecond)

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

• 매개변수(parameter): 실행할 콜백 함수, 반복적으로 함수를 실행시키기 위한 시간 간격 (밀리초)
• return 값: 임의의 타이머 ID

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

📌 clearInterval(timerId)

setInterval 타이머를 종료

• 매개변수: 타이머 ID
• return 값: 없음

const timer = setInterval(function () {
  console.log('1초마다 실행');
}, 1000);
clearInterval(timer);
// setInterval이 종료됨.