[JavaScript] 자바스크립트에서 시간 주기 작업 해제하기

215_자바스크립트에서 시간 주기 작업 해제하기

[적용]

• setInterval() 처리를 해제하고 싶을 때

---

[문법]

메소드	의미	반환
clearInterval(IntervalID)	setInterval() 호출 해제	없음

---

[내용]

clearInterval()을 사용해 setInterval()로 지정한 함수의 실행을 취소할 수 있다.setInterval()의 숫자 타입 반환값을 보관한 뒤 해제하고 싶은 타이밍에 맞춰 clearInterval()의 인수로 전달한다.

JavaScript                                                                                                                                                          main.js

const intervalId = setInterval(timer1, 1000);  // 1000밀리초 간경으로 실행
function timer1() {
  // 처리 작업
}

clearInterval(intervalId);  // 해제

 

1초 간격의 반복 실행을 3회만 호출하고 싶을 때는 다음과 같이 작성할 수 있다.

JavaScript                                                                                                                                                          main.js

const intervalId = setInterval(timer1, 1000);
let count = 0;
// 1000밀리초 간격으로 실행
function timer1() {
  count += 1;
  console.log(count, new Date().toLocaleTimeString());  // 값 출력
  if (count === 3) {
    clearInterval(intervalId);  // 해제
  }
}

 

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김