javascript - 如何无限循环一个函数(而不是使用传统的 for 循环)

Question

我有一个代码可以运行一组 20 张图像，让它看起来像一个空闲的 Sprite 在空闲时正在呼吸。当它只有一个循环时，它运行完美。

但是我无法让它无限期地重复该循环。

有没有更干净、更快速的方法来完成我正在做的事情？

将它包含在另一个 for 循环中是行不通的。它以永远不会加载而告终。

for(let i = 0; i < images.length; i++) {
    window.setTimeout(function () {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.drawImage(images[i], 100, 100);
    }, 100 * i);
}

我希望它能无限循环。

Answer 1

摆脱 for 循环，使用间隔(管理“每个时间段做某事”的标准方法)，并管理 i 内部的值回调。

let i = 0;
setInterval(() => {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.drawImage(images[i], 100, 100);
    i++;
    if (i === images.length) i = 0;
}, 100);