我有一些PNG在屏幕上被无限循环移动,这可能导致某些浏览器崩溃。
例如:
function parachute_drop(drop_object, animation_duration) {
$(drop_object)
.animate({top: "750px"},animation_duration)
.animate({top:"-150px", opacity: 100
},{
duration: 0,
complete: function(){
parachute_drop(drop_object,animation_duration);
}
});
}
parachute_drop('#object_id',10000);
每次动画完成后,它会再次启动该函数并无限循环。
我没有预料到这会成为问题,但我听说这不是很好,我的网站似乎在一段时间后崩溃了。
有没有更稳定的方式来实现这样的无限循环呢?简单地反复将一个9kb的png文件从屏幕顶部移动到底部似乎对系统资源造成了压力。问题出在哪里,我该如何更好地解决它?
setTimeout
或setInterval
。 - switz