javascript - JavaScript动画期间 "wait"的其他方式

Question

我正在寻找另一种方法来执行此代码:

$.each($("#gallery > img"), function(index,curImg) {

        setTimeout(function() {
            clearCanvas();
            cvsCtx.drawImage(curImg,0,0);
        } , index*animationMs);

    });

这段代码每隔个动画将图像从我的画廊绘制到我的 Canvas 上。但我想用“播放/停止”按钮来停止动画，我不能这样做......有什么想法或解决方法吗？谢谢!!

Answer 1

我无法测试它。但是您可以通过使用变量来保存 setTimeout 函数来停止动画，如下所示:

var x; // public var
....
x = setTimeout(......);
// To stop it use:
clearTimeout(x);

希望这对你有用