如何在 JavaScript 中有效使用 `setInterval` 和 `clearInterval`？

有效使用 setInterval 和clearInterval

在 JavaScript 中，setInterval 允许您设置一个以指定时间间隔重复触发的计时器。这对于动画或其他需要循环的任务非常有用。然而，在某些情况下，您可能只想执行一次函数，而不是连续执行。

使用clearInterval 中断计划循环

如果您已设置使用 setInterval 的计时器，您可以使用clearInterval 来阻止它触发。如果你想提前终止循环，这很有用：

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // Flag to indicate cleared interval

setInterval 返回的句柄通常是一个不等于 0 的数字。因此，使用 0 作为标志值表示没有计时器已设置。

安排一次性函数调用setTimeout

不要使用 setInterval 进行一次性函数调用，请考虑使用 setTimeout 代替：

setTimeout(drawAll, 20);

setTimeout 安排一个函数在指定的时间间隔触发一次。它不会创建循环。如有必要，您还可以使用clearTimeout在计时器触发之前取消计时器。

以上是如何在 JavaScript 中有效使用 `setInterval` 和 `clearInterval`？的详细内容。更多信息请关注PHP中文网其他相关文章！