javascript - JQuery 同步动画不工作

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，它应该留空或设置为线性(使用缓动插件时有更多选项)。

Easing : The remaining parameter of .animate() is a string naming an easing function to use. An easing function specifies the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.

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

引用docs了解更多详情。