본문 바로가기

javascript

[javascript] setTimeout, setInterval, clearInterval

setTimeout 메서드는 일정시간후 함수를 실행한다.

setTimeout(fn, delay);

setTimeout(function(){console.log('setTimeout')}, 1000); //1초후 setTimeout출력


setInterval 메서드는 일정시간마다 함수를 실행한다.

setInterval(fn, delay);

setInterval(function(){console.log('setInterval')}, 1000) //1초마다 setInterval출력


한가지 주의할 점이 있다 아래와 같이 입력해보면

setInterval(console.log('setInterval'), 1000) //setInterval 한번만 출력

차이점은 함수안에 있을때 반복해서 실행한다는 점이다.


다음으로 clearInterval 메서드는 setInterval로 반복하고 있는걸 멈추게 한다.

clearInterval(setInterval로 생성된 변수);

5번만 반복하고 멈추게 해보겠다.

var count=0;

var repeat=setInterval(function(){

console.log('setInterval');

count++;

if(count==5){

clearInterval(repeat);

}

}, 1000);