라이브러리

[JAVASCRIPT] clearInterval(intervalID) - `setInterval` 실행 취소




clearInterval(intervalID)

`clearInterval(intervalID)`는 JavaScript의 내장 함수 중 하나로, 특정한 시간 간격으로 실행되는 함수를 중지하는 데 사용됩니다. 이 함수는 `setInterval()` 함수와 함께 사용됩니다.

`setInterval()` 함수는 특정한 함수를 일정한 시간 간격으로 반복적으로 호출하는 데 사용되며, 이 함수를 호출하면 반환되는 ID를 `clearInterval()` 함수에 전달하여 함수의 호출을 중지할 수 있습니다.

예제

#hostingforum.kr
javascript

// 함수를 1초마다 호출합니다.

let intervalID = setInterval(function() {

  console.log("함수가 호출되었습니다.");

}, 1000);



// 5초 후 함수 호출을 중지합니다.

setTimeout(function() {

  clearInterval(intervalID);

}, 5000);



이 예제에서 `setInterval()` 함수는 1초마다 `console.log()` 함수를 호출합니다. `setTimeout()` 함수는 5초 후 `clearInterval()` 함수를 호출하여 함수 호출을 중지합니다.

clearInterval() 함수의 사용 예

#hostingforum.kr
javascript

// 함수를 1초마다 호출합니다.

let intervalID = setInterval(function() {

  console.log("함수가 호출되었습니다.");

}, 1000);



// 3초 후 함수 호출을 중지합니다.

setTimeout(function() {

  clearInterval(intervalID);

  console.log("함수 호출이 중지되었습니다.");

}, 3000);



이 예제에서 `clearInterval()` 함수는 3초 후 함수 호출을 중지하고, 함수 호출이 중지된 후 "함수 호출이 중지되었습니다."라는 메시지를 출력합니다.

clearInterval() 함수의 오류 처리

#hostingforum.kr
javascript

// 함수를 1초마다 호출합니다.

let intervalID = setInterval(function() {

  console.log("함수가 호출되었습니다.");

}, 1000);



// 5초 후 함수 호출을 중지합니다.

setTimeout(function() {

  try {

    clearInterval(intervalID);

  } catch (error) {

    console.error("clearInterval() 함수 호출 중 오류가 발생했습니다.", error);

  }

}, 5000);



이 예제에서 `clearInterval()` 함수를 호출할 때 오류가 발생할 수 있는 경우를 처리하여 오류 메시지를 출력합니다.

clearInterval() 함수의 사용 주의점

* `clearInterval()` 함수는 `setInterval()` 함수와 함께 사용해야 합니다.
* `clearInterval()` 함수는 함수 호출을 중지할 때까지 함수를 호출합니다. 따라서 함수 호출을 중지하기 전에 함수를 호출하는 것을 중지해야 합니다.
* `clearInterval()` 함수는 함수 호출을 중지한 후에도 함수를 호출합니다. 따라서 함수 호출이 중지된 후 함수를 호출하는 것을 중지해야 합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 2 페이지

검색

게시물 검색