Сброс и цикл JQuery анимации

Question

Я анимирую некоторые объекты HTML, чтобы они выглядели как падающие снежинки, но у меня возникли некоторые проблемы в цикле.

Вот мой код:

//animation function
function snowflakeAnimate(index) {
    //random numbers
    //time
    var nTime = randomRange(9000,35000);
    var randTime = Math.round(nTime);

    //delay
    var nDelay = randomRange(200,35000);
    var randDelay = Math.round(nDelay);

    $(this).delay(randDelay).animate({
        marginTop: "+600px"
    }, randTime);
};

$(".tweet").each(snowflakeAnimate);

Так что все, что он делает намомент анимации снежинки путем увеличения верхнего поля до 600. Задержка и скорость анимации устанавливаются путем генерации случайного числа.У меня вопрос, как мне сбросить снежинку наверх и затем запустить анимацию снова, чтобы она никогда не переставала падать.

Answer 1

Вот как я это сделал - просто нужно было правильно подобрать синтаксис для самой функции, вызывающей ...

    function snowflakeAnimate(sfAnimate) {

        //Animation
        $(sfAnimate).addClass("moving").delay(randDelay).animate({
            marginTop: 600
        }, 20000, function() {
            $(sfAnimate).animate({
                marginTop: -150
            }, 0, function() {
                snowflakeAnimate(sfAnimate);
            });
        });
}

Так что это ... бесконечный цикл анимации. Если вы хотите увидеть его в действии, вы можете проверить его на traxmas.realadventure.co.uk

Answer 2

Я думаю Функция обратного вызова шага jQuery animate () - ваш друг.