Сбоит ли циклическая анимация браузеров?

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);

Каждый раз, когда анимация завершается, она запускаетсяфункция снова и в бесконечность.

Я не предвидел, что это было бы проблематично, но я слышал, что это не очень хорошо и хорошо, мой сайт теперь падает после некоторого времени, кажется.

Есть ли способ сделать такие бесконечные циклы более стабильным способом?Кажется немного странным, что простое перемещение файла png размером 9 КБ сверху вниз и обратно снова и снова создает нагрузку на системные ресурсы.В чем проблема и как мне лучше подойти к этому?

Answer 1

Ваш код является рекурсивным алгоритмом и может привести к сбою при заполнении стека кодов javascript-машины браузера. Для достижения непрерывного цикла вы можете использовать другой подход, основанный на таймере.

Вы можете начать с этого примера: http://www.irengba.com/codewell/