jquery多个无限动画

时间:2014-07-07 18:26:49

标签: jquery animation

我的页面上有3个元素,我需要无限制动画。动画确实有效,但问题是内存泄漏。我试过几种方法来解决这个问题,但我没有成功。我的页面可以承受大约3分钟然后打击,当内存使用达到大约100Mb时(我已经使用谷歌Chrome的开发者工具检查了这一点 - 时间轴内存记录)

这是jQuery:

$( document ).ready(function() {
$(".shiner")
    .repeat()
    .delay(1000)
    .animate({'marginLeft': '-100px'}, 1400)
    .animate({'marginLeft': '170px' }, 1400)
    .delay(1500)
    .wait(0);
$("h1")
    .repeat()
    .animate({'marginLeft': '8px'}, 1000)
    .delay(3300)
    .animate({'opacity': 0}, 1000)
    .animate({'marginLeft': '-300px'}, 0)
    .animate({'opacity': 1}, 0)
    .wait(0);
$(".slogan")
    .repeat()
    .animate({'marginRight': '160px'}, 1000)
    .delay(3300)
    .animate({'opacity': 0}, 1000)
    .animate({'marginRight': '0px'}, 0)
    .animate({'opacity': 1}, 0)
    .wait(0);
});   

那么,如何防止内存泄漏?这些功能非常简单,不应该消耗大量的内存,我猜...

PS我使用了jquery-timing插件,以使这个动画无限。

0 个答案:

没有答案