[javaScript] setInterval / 시간단위 반복

자바스크립트로 화면을 구현하다 보면 같은 행동을 반복하게 하는 애니매이션이나 로직을 구현해야 하는 경우가 종종 생긴다.

간단한 예로 디지털 시계 같은걸 구현한다던가 

매시간마다 데이터를 계속해서 요청을 한다던가

이럴때 setInterval 함수를 사용한다.

방법은 간단하다.

setInterval(실행할 function이름,반복할시간단위);

ex) setInterval(getChartData,1000);

getChartData라는 펑션을 1초마다 반복한다는 것이다.

getChartData 대신에 펑션을 직접 입력해도 된다

setInterval(function(){

alert('1초가 지났어요');

},1000);

위처럼 해도 무방하다

추가로 반복을 멈추고 싶을땐

var interval = setInterval(getChartData

,1000);

위와같이 선언후 실행하다

멈추고 싶을떄

clearInterval(interval);

해주면 된다.