Question

我有一个带有window.setInterval

的jquery同步动画

window.setInterval(function(){        
    $("#pageflip img").stop().animate({width:'+=2px',height:'+=2px'}, 800,null,function(){
        $("#pageflip img").stop().animate({width:'-=2px',height:'-=2px'}, 800);
    });        
},1600)

当我从页面窗口中松开焦点（切换选项卡或打开另一个应用程序，而不是查看动画页面）时，会发生什么事情，不会调用回调函数，图像宽度和高度总是增加（不回到正常位置）只要我保持在同一页面窗口，它工作正常。我是jquery的新手还有什么帮助吗？

抱歉我的英语不好。

Answer 1

.animate( properties [, duration ] [, easing ] [, complete ] )。您将缓动参数值设置为null，应将其保留为空或设置为线性（使用缓动插件时有更多选项）。

缓解： .animate（）的其余参数是一个命名要使用的缓动函数的字符串。缓动函数指定动画在动画中的不同点处进行的速度。 jQuery库中唯一的缓动实现是默认的，称为swing，以及一个以恒定速度进行的实现，称为线性。使用插件可以获得更多的缓动功能，尤其是jQuery UI套件。

在回调之前删除，null或用Linear / swing替换它。默认情况下，缓动设置为swing。

有关详细信息，请参阅docs。

JQuery同步动画不起作用

1 个答案: