자바스크립트 타이머 함수

 

타이머함수

- '특정 시간 후에' 또는 '특정 시간마다' 어떤 일을 할 때 사용

- 시간은 밀리초로 지정 (1초=1000밀리초)

- 종료하고 싶을 때, ctrl + c

 

- setTimeout(함수,시간) : 특정시간 후에 함수를 실행

- setInterval(함수,시간) : 특정 시간마다 함수를 실행.

 

setInterval() 메소드
코드를 일정 시간 간격으로 반복 실행

[기본형 설명]
setInterval(반복실행할함수, 반복주기_ms_단위로);
- 첫번째 인자로는 반복 실행하고자 하는 함수를
- 두번째 인자로는 반복 실행할 주기를 정수 값으로 전달

[기본형]
1.var 참조변수 = setInterval(function(){코드}, 시간간격(ms));
2.var 참조변수 = setInterval("코드",시간간격(ms));

 

 

- clearInterval(아이디) : 특정 시간마다 실행하던 함수 호출을 정지

 

clearInterval(timerID) 메소드
setInterval을 통해 반복 실행 타이머 동작을 취소(제거)할 수 있는 메소드
여기에는 setInterval을 통해 등록된 반복 실행 타이머의 ID가 전달됨

 

 

 

 

[블로그참고]

https://penguingoon.tistory.com/265
자바스크립트 setInterval & clearInterval

https://blog.naver.com/cutedbsk12/221674865058
자바스크립트  setInterval & clearInterval 예제