[JavaScript] 타이머 API

Hannahhh·2022년 7월 27일
0

JavaScript

목록 보기
33/47

⚙ 타이머 관련 API


◾ setTimeout(callback, millisecond)

일정 시간 후에 함수를 실행한다.

  • parameter: 실행할 callback함수(callback), callback 함수 실행 전 기다려야 할 시간(millisecond)

  • return: 임의의 타이머 ID

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

// 1
// 1초 후 실행



◾ clearTimeout(timerId)

setTimout 타이머를 종료한다.

  • parameter: 타이머 ID
  • return: x
const timer = setTimeout(function () {
  console.log('10초 후 실행');
}, 10000);

clearTimeout(timer);
// setTimeout이 종료됨.



◾ setInterval(callback, millisecond)

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

  • parameter: 실행할 callback함수(callback), 반복적으로 함수를 실행시키기 위한 시간 간격(millisecond)
  • return: 임의의 타이머 ID
setInterval(function () {
  console.log('1초마다 실행');
}, 1000);

// 1
// 1초마다 실행
// 1초마다 실행
// 1초마다 실행
// ...



◾ clearInterval(timerId)

setInterval 타이머를 종료한다.

  • parameter: 타이머 ID
  • return: x
const timer = setInterval(function () {
  console.log('1초마다 실행');
}, 1000);

clearInterval(timer);
// setInterval이 종료됨.




Reference: 코드스테이츠

0개의 댓글