jquery - 重置并循环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

我认为The jQuery animate() step callback function这是你的 friend 。