没有插件的jQuery随机失败对象？

我正在为节日制作一张贺卡，我想让雪花飘落。我不想使用插件来完成这一点。我已经生成了一些在屏幕上随机放置雪花的代码。我正在尝试一个for循环，一次在屏幕上随机放置多达20个雪花。它似乎在同一位置放置了20个雪花实例。我希望它是随机的

//下雪 函数fallingSnow（）{

var雪花=$（''）；
$（“#雪带”）。预处理（雪花）；
snowX=Math.floor（Math.random（）*$（“#site'）.width（））；
snowSpd=Math.floor（Math.random（）+5000）；
css（{'left'：snowX+'px'}）；
雪花({
顶部：“500px”，
不透明度：“0”，
}，snowSpd，“easeincrc”，函数（）{
$（this.remove（）；
fallingSnow（）；
});
}
var timer=Math.floor（Math.random（）+1000）；
setInterval（函数（）{
fallingSnow（）；
}，定时器）；

---

修改元素，而不是使用其类修改所有元素

函数fallingSnow（）{
var雪花=$（''）；
$（#site'）。预处理（雪花）；
snowX=Math.floor（Math.random（）*$（“#site'）.width（））；
snowSpd=数学地板（数学随机（）*（500）*20）+1000；
雪花({
“左”：snowX+“px”
});
雪花({
顶部：“200px”，//区域高度
不透明度：“0”，
}，snowSpd，function（）{
$（this.remove（）；
fallingSnow（）；
});
}
对于（变量i=0；i<100；i++）{
fallingSnow（）；
}

。雪花{
宽度：10px；
高度：10px；
背景：黑色；
位置：绝对位置；
顶部：-40px；
}
#场地{
宽度：400px；
高度：200px；
位置：相对位置；
}

我更新了我的代码，现在两个多对象同时下落。过了一段时间，多个对象开始同时下落。@NickRivers删除了对

fallingSnow（）中的
fallingSnow（）的调用
@KevinB你能为这个输出设置小提琴吗？我试过你的例子，但是对于雪景计数，没有使用任何地方，我们有+100凯文提供小提琴。谢谢，这就是我想要的。
    var snowflake = $('<div class="snowflakes"></div>');
    $('#snowZone').prepend(snowflake);
    snowX = Math.floor(Math.random() * $('#site').width());
    snowSpd = Math.floor(Math.random() + 5000);

    snowflake.css({'left':snowX+'px'});
    snowflake.animate({
        top: "500px",
        opacity : "0",

    }, snowSpd, "easeInCirc", function(){
        $(this).remove();
        fallingSnow();
    });

}
var timer = Math.floor(Math.random() +1000);

window.setInterval(function(){
    fallingSnow();
}, timer);