[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);

Taebu / prq