`doKeyDown` 함수에서 `setInterval`이 원치 않는 루프를 생성하는 것을 방지하기 위해 `clearInterval`을 사용하려면 어떻게 해야 합니까?

setInterval 및clearInterval 함수 활용

다음 코드 블록을 고려할 때:

function doKeyDown(event) {
    switch (event.keyCode) {
    case 32:
        /* Space bar was pressed */
        if (x == 4) {
            setInterval(drawAll, 20);
        }
        else {
            setInterval(drawAll, 20);
            x += dx;
        }
        break;
    }
}

목표는 다음과 같습니다. 코드에서 문제를 해결하려면 함수를 계속 호출하는 루프를 생성하기보다는 drawAll() 함수가 한 번만 호출되기를 바랍니다.

clearInterval 사용 방법

이 문제를 해결하려면clearInterval 함수를 사용하면 됩니다. setInterval 함수는 반복 타이머를 설정하고 타이머를 중지하기 위해clearInterval에 전달할 수 있는 핸들을 반환합니다.

var handle = setInterval(drawAll, 20);

// 当需要取消计时器时：
clearInterval(handle);
handle = 0; // 这样可以得知已经清除了计时器

브라우저에서 핸들은 0이 아닌 숫자로 보장됩니다. "타이머가 설정되지 않았습니다"를 의미하는 편의 플래그 값입니다. (다른 플랫폼에서는 다른 값을 반환할 수 있습니다. 예를 들어 Node.js의 타이머 함수는 객체를 반환합니다.)

setTimeout 사용

한 번만 실행되는 타이머를 예약하려면 함수에서는 setTimeout 함수를 사용할 수 있습니다. 지속적으로 발동되지 않습니다. (해당하는 경우 핸들도 반환합니다. 함수가 한 번 실행되기 전에 함수를 취소해야 하는 경우에는clearTimeout을 사용할 수 있습니다.)

setTimeout(drawAll, 20);

위 내용은 `doKeyDown` 함수에서 `setInterval`이 원치 않는 루프를 생성하는 것을 방지하기 위해 `clearInterval`을 사용하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!