window 객체 타이머 메서드

window 객체 타이머 메서드

특정시간에 특정 함수를 실행하게 하는 메서드, setTimeout() 메서드는 특정 시간후 함수를 한번실행하고 setInterval() 함수는 특정시간마다 함수를 실행한다. 

window 객체의 타이머 메서드

메서드	설명
setTimeout(function, millisecond)	일정 시간 후에 함수를 한번 실행
setInterval(function, millisecond)	일정 시간마다 함수를 반복해서 실행
clearTimeout(id)	일정 시간 후에 함수를 한번 실행하는 것을 중단
clearInterval(id)	일정 시간마다 함수를 반복하는 것을 중단

ex1) setTimeout()

setTimeout(function(){ // 2초뒤에 한번 실행

console.log('2초가 지낫습니다. ');

// 화면에 출력

}, 2000)

ex2) setInterval() 사용 및 정지

var num= 1; //변수를 선언하고 값을 1로 초기화

var intervalID = setInterval(function() { // 1초에 한번씩 반복 실행

console.log(num + ' 초 ');  // 화면에 num 변수의 값을 출력

num++  // num 변수의 값을 후 증가 시킨다. 

}, 1000); 

setTimeout(function(){ // 5초뒤 한번 실행

clearInterval(intervalID);  // 반복실행중인 intervalID 를 정지 시킨다. 

},5000);

5초 이후 부터는 타이머가 정지되어 더이상 실행되지 않는다.