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);
'javascript' 카테고리의 다른 글
[javascript] javascript patterns (0) | 2013.10.28 |
---|---|
[javascript] 배열을 스택처럼 다루기 (0) | 2013.06.26 |
[javascript] 유효범위 (scope) (0) | 2013.06.12 |
[javascript] overloading (0) | 2013.06.12 |
[javascript] 문자열 자르기 (split, substring, substr) (18) | 2013.06.11 |