타이머 API

setTimeout(callback, millisecond)

일정 시간 후에 함수를 실행

• argument: 실행할 callback함수, callback 함수 실행 전 기다려야 할 시간(밀리초)
• return value: 임의의 타이머 ID
  타이머 ID의 경우 랜덤으로 생성된다
  

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

setInterval(callback, millisecond)

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

• argument: 실행할 callback함수, 반복적으로 함수를 실행시키기 위한 시간 간격(밀리초)
• return value: 임의의 타이머 ID
  타이머 ID의 경우 랜덤으로 생성된다
  

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

clearInterval(timerId)

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

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

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

clearInterval(timer);
//더 이상 반복 실행되지 않음

생각해보자

다음 구문은 실행하면 출력 순서는 어떻게 될까?

1번 문제

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

2번 문제

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