javascript - 快速替换图像 src 时 Firefox 中的内存使用情况

Question

我正在尝试通过每 100 毫秒替换图像的 src 来使用 Javascript 实现动画 PNG。它显示正常，但我发现它在 Firefox 上运行时会逐渐消耗越来越多的内存。

这是我用来播放动画的循环，虽然我不认为它有什么特别之处 -

self.next = function() {
    if(self.doPlay == true) {
        self.currentFrame++;
        if(self.currentFrame >= self.numFrames) {
            self.currentFrame = 0;
            self.doPlay = self.doLoop;
        }
    }
    if(self.doPlay == true) {
        image.src = self.frames[self.currentFrame].src;
        setTimeout( self.next, self.frameDelays[self.currentFrame]);
    }
}

(其中 frames 是预加载图像对象的数组)

如果我注释掉 src 中的更改，内存使用就没问题了。否则，内存使用会无限攀升，直到浏览器最终崩溃。

我已经尝试从 DOM 中删除和替换图像而不是更改 src(在 vanilla 和 jQuery 中)，但它似乎没有帮助。

谁知道更好的方法？

感谢您的宝贵时间:)

Answer 1

你有没有想过只使用一张图片并改变背景中的滚动条？真的很快，推荐

看这个

http://willian.nerdti.com.br/botaoImagem.html