JavaScript: setInterval, clearInterval

setInterval 함수는 몇초마다 반복할지를 설정해주는 함수이다.

clearInterval로, 이 반복하는 것을 중지시킬 수 있다.

 

setInterval(function, time)

 

setInterval을 이용하여 안녕을 1초에 한번씩 찍으려면,

이렇게 할 수 있다.

 

setInterval(function () {
  console.log("안녕");
}, 1000);

 

 

 

 

이 작업을 중지시키기 위해서는 setInterval을 변수(상수)로 지정하고,

clearInterval로 중지시킬 수 있다.

 

const hi = setInterval(function () {
  console.log("안녕");
}, 1000);

const box = document.querySelector(".box");
box.addEventListener("click", function () {
  clearInterval(hi);
});

 

이렇게 하게된다면, box를 누르는 순간 안녕이 찍히는 작업을 중지 시킬 수 있게 된다.