如何使用'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中文网其他相关文章！