JS - 타이밍 이벤트

타이밍(Timing) 이벤트는 지정한 시간 이후에 명령을 수행하거나 지정된 시간마다 반복적으로 명령을 수행하게 할 수 있습니다.

메서드	설 명
clearInterval()	setInterval() 동작을 정지시킴
clearTimeout()	setTimeout() 동작을 정지시킴
setTimerout()	설정한 시간 이후 명령을 수행하도록 하는 기능 이 기능은 한 번만 실행 1000 ms = 1초
setinterval()	지정된 시간마다 반복적으로 처리하는 기능 1000 ms = 1초

형식은 콜백함수와 밀리언 초로 설정할 수 있습니다.

setTimeout(callback, milliseconds);
 
setInterval(callback, milliseconds);

<script>
var interval = null;
var count = 0;

function start(){
  // "카운터 종료"하기 전까지 1(초) 마다 1씩 증가합니다. 
  interval = setInterval(function(){
    document.getElementById("inner").innerText = count++;
  }, 1000);
}

function stop(){
  clearInterval(interval);
}
</script>

<div id="inner"></div>

<button onclick="start()">카운터 시작</button>
<button onclick="stop()">카운터 종료</button>