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

출처: https://squll1.tistory.com/entry/javascript-setTimeout-setInterval-clearInterval [아는만큼 보여요]