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

2023年2月28日 195次阅读

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

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

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

点赞