> 웹 프론트엔드 > JS 튜토리얼 > 제어 기능 실행을 위해 `setInterval` 및 `clearInterval`을 사용하는 방법은 무엇입니까?

제어 기능 실행을 위해 `setInterval` 및 `clearInterval`을 사용하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-12-19 00:30:09
원래의
956명이 탐색했습니다.

How to Use `setInterval` and `clearInterval` for Controlled Function Execution?

setInterval 및clearInterval을 사용하여 간격을 제어하는 ​​방법

키보드 이벤트를 처리하는 과정에서 setInterval 및clearInterval의 적절한 사용에 대한 질문이 발생합니다. 함수 실행을 관리하기 위한 ClearInterval입니다. 두 방법의 차이점을 살펴보겠습니다.

setInterval: 반복 타이머 설정

setInterval은 밀리초 단위로 지정된 간격으로 반복적으로 함수를 실행하는 타이머를 설정합니다. 예를 들어, 다음 코드는 20밀리초마다 drawAll() 함수를 호출하도록 타이머를 설정합니다.

setInterval(drawAll, 20);
로그인 후 복사

그러나 함수를 한 번만 호출하려는 경우 setInterval을 사용하는 것은 이상적이지 않습니다. 연속 루프를 생성합니다. 이를 방지하려면clearInterval을 활용하면 됩니다.

clearInterval: 타이머 취소

clearInterval을 사용하면 반복 타이머를 중지할 수 있습니다. setInterval이 반환한 핸들을 인수로 받아들입니다. 핸들을 0으로 설정하면 타이머를 취소하고 더 ​​이상 실행되지 않도록 할 수 있습니다.

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0;
로그인 후 복사

일회 실행을 위해 setTimeout 사용

필요한 경우 함수가 한 번만 실행되도록 예약하려면 대신 setTimeout을 사용하세요. 유사한 기능을 제공하지만 반복 루프를 생성하지 않습니다. 다음 코드는 20밀리초 지연 후 drawAll() 함수를 한 번 호출합니다.

setTimeout(drawAll, 20);
로그인 후 복사

setInterval은 함수를 반복적으로 실행하는 타이머를 만드는 데 적합하고, ClearInterval은 이러한 타이머를 중지하는 데 사용됩니다. 반면에 setTimeout은 지정된 지연 후에 한 번만 실행되도록 함수를 예약하는 데 사용됩니다.

위 내용은 제어 기능 실행을 위해 `setInterval` 및 `clearInterval`을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿