如何停止jQuery循环动画？

Question

我有一个图像，它连续左右旋转90度，我试图阻止它，但我无法弄清楚如何。

我尝试将该功能放在If语句中，以便我可以拨打function = false;或true，但不起作用。

这是一个小提琴：http://jsfiddle.net/gpPcU/

Answer 1

您可以将回调函数更改为false

$("img").rotate({angle:0, callback:function(){ false; }});

Answer 2

您可以使用JQuery stop方法（http://api.jquery.com/stop/）

例如：

$('.img').stop(true, true)

Answer 3

这样做：http://jsfiddle.net/gpPcU/3/

我不确定你用你提到的If语句尝试了什么，因为那不是你的小提琴，但你可能在正确的轨道上。以下是我所做的主要更改：

rotate()内的

test()回调：

    function(){
        if(!$('img').hasClass('stop')){
            rotation()
         }else{
             $('img').rotate({angle:0});
         }
    }

按钮点击事件：

$(".btn").click(function(){
    $("img").addClass('stop');
});