2

我有一个带有 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 的新手，有什么帮助吗？

对不起，我的英语不好。

4

1 回答 1

1

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

Easing ： .animate() 的剩余参数是一个字符串，用于命名要使用的缓动函数。缓动函数指定动画在动画中不同点的进展速度。jQuery 库中唯一的缓动实现是默认的，称为摇摆，以及以恒定速度进行的一种，称为线性。使用插件可以使用更多的缓动功能，尤其是 jQuery UI 套件。

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

有关更多详细信息，请参阅文档。

于 2013-10-02T19:10:22.920 回答