如何使用'clearInterval”來防止'setInterval”在'doKeyDown”函數中建立不需要的循環？

利用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 的數字；因此， 0 是表示「未設定計時器」的方便標誌值。 （其他平台可能回傳其他值；例如，Node.js 的計時器函數傳回一個物件。）

使用setTimeout

為了安排一個只會觸發一次的函數，可以使用setTimeout 函數。它不會持續觸發。 （它也會傳回一個句柄，在適當的情況下，如果在函數觸發一次之前需要取消函數，可以使用 clearTimeout ）。

setTimeout(drawAll, 20);

以上是如何使用'clearInterval”來防止'setInterval”在'doKeyDown”函數中建立不需要的循環？的詳細內容。更多資訊請關注PHP中文網其他相關文章！