타이머 API

setInterval

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

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

setInterval(function(){
    console.log('1초');
},1000);
// 1초라는 단어를 1초마다 console창에 보여준다!

 

clearInterval(timerId)

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

arguments: 타이머 ID
return value: 없음

ar timer = setInterval(function(){
    console.log('1초');
},1000);
clearInterval(timer);

 

참고 : setTimeout에 대응하는 clearTimeout도 있다.

 

 

setTimeout

일정 시간 이후 실행

 

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

// 1-> 3 -> 2


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

// 1 -> 4 -> 3 -> 2