본문 바로가기

WEB

[JavaScript] setInterval / clearInterval / 일정시간 주기로 반복 작업하기

setInterval, clearInterval이란 무엇일까요? 😀


  • setInterval : 지정한 밀리초 주기마다 함수를 반복적으로 호출합니다.
  • clearInterval :  setInterval의 실행을 취소할 수 있습니다.

기본 문법

let timer = setInterval(function(){
	document.querySelector("p").innerText = ++cnt;
},1000);
clearInterval(timer);

See the Pen setTimeout by Lee-YuGyeong (@lee-yugyeong) on CodePen.

 

 

숫자세기 버튼을 누르면 1초마다 숫자가 세지고 멈추기 버튼을 누르면 실행이 멈추고 초기화됩니다.