타이머 API

이재진·2020년 10월 4일
0
post-thumbnail

setTimeout(callback, millisecond)

-일정 시간 후에 함수를 실행

  • arguments: 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초)
  • return value: 임의의 타이머 ID
setTimeout(function() {
  console.log('1초 후 실행');
}, 1000);

setInterval(callback, millisecond)

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

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

clearInterval(timerId)

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

  • arguments: 타이머 ID
  • return value: 없음
  • setTimeout에 대응하는 clearTimeout도 있음
var timer = setInterval(function() {
  console.log('1초마다 실행');
}, 1000);
clearInterval(timer);
// 더 이상 반복 실행되지 않음

문제

console.log(1);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(3); }, 0);
console.log(4);


1
4
3
2

profile
개발블로그

0개의 댓글