JavaScript [ 정보 : 타이머 API (setTimeout, clearTimeout, setInterval, clearInterval) ]

 

타이머 관련 API

 

 API [ 정보 : API란?]

API [ 정보 : API란?]

---

setTimeout(callback, millisecond)

일정 시간 후에 함수를 실행

• arguments: 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초)
• return value: 임의의 타이머 ID

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

 

clearTimeout(timeoutID)

setTimeout 을 지연시간 기다리지 않고 종료

let timer = setTimeout( someFunction, 1000 );

clearTimeout(timer);
//setTimeout 을 지연시간 기다리지 않고 종료

---

setInterval(callback, millisecond)

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

• arguments: 실행할 callback 함수, 반복적으로 함수를 실행시키기 위한 시간 간격 (밀리초)
• return value: 임의의 타이머 ID

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

 

clearInterval(timerId)

반복 실행중인 타이머를 종료

• arguments: 타이머 ID
• return value: 없음

const timer = setInterval(function () {
  console.log('1초마다 실행');
}, 1000);
clearInterval(timer);
// 더 이상 반복 실행되지 않음