`setInterval` 및 `clearInterval`을 사용하여 JavaScript에서 반복 타이머를 어떻게 제어할 수 있습니까?

setInterval 및clearInterval을 사용하여 반복 타이머 제어

코드에서는 특정 키를 눌렀을 때 drawAll()을 한 번 호출하는 것을 목표로 했습니다. 그러나 setInterval 함수는 drawAll()을 반복적으로 호출하는 반복 타이머를 설정합니다. 이 문제를 해결하려면 ClearInterval을 사용하여 타이머 루프의 실행을 중지할 수 있습니다.

setInterval은 반복 타이머를 생성하고 핸들을 반환합니다. 이 핸들은 타이머 트리거를 중지하기 위해 ClearInterval에서 사용할 수 있는 식별자 역할을 합니다. 작동 방식은 다음과 같습니다.

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // This marks the interval as cleared

브라우저에서 핸들은 0이 아닌 숫자로 보장됩니다. 따라서 핸들 값으로 0을 사용하면 타이머가 설정되지 않았음을 나타냅니다.

함수가 한 번만 실행되도록 예약하려면 setInterval 대신 setTimeout을 사용할 수 있습니다. setTimeout은 지정된 지연 후에 함수를 한 번 실행합니다. 필요한 경우 함수 호출을 실행하기 전에 취소하기 위해 ClearTimeout과 함께 사용할 수 있는 핸들을 반환합니다.

setTimeout(drawAll, 20);

위 내용은 `setInterval` 및 `clearInterval`을 사용하여 JavaScript에서 반복 타이머를 어떻게 제어할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!