Question

我有一些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文件一次又一次地从屏幕的顶部移动到底部似乎有点奇怪，这对系统资源造成了压力。问题是什么，如何更好地解决这个问题？

Answer 1

您的代码是一种递归算法，当填满浏览器的javascript机器的代码堆栈时可能会崩溃。您可以使用基于计时器的不同方法来实现连续循环。

您可以从此示例开始：http://www.irengba.com/codewell/

循环动画是否会使浏览器崩溃？

1 个答案: