Javascript 使每隔几秒钟创建一次的生成div落下屏幕

所以我在AdobeEdge为学校atm工作，我试图让每2秒创建一次的div从屏幕上掉下来。请容忍我，我是javascript新手：）

这是生成div的代码，但我不知道如何在之后将div作为目标并使其崩溃。我尝试使用setTimeout和id=block的target元素，但它只会使生成的第一个div掉到屏幕上

SpawnBlock();

        function SpawnBlock()
        {
            UpdateBlock();
            setTimeout(SpawnBlock, 2000);
        }

        function UpdateBlock()
        {
            var block = document.createElement("div");
            block.style.width = "20px";
            block.style.height = "20px";
            block.style.background = "white"
            block.style.top = "100px";
            block.style.left = Math.random() * 460 + "px";
            block.style.position = "absolute";
            block.id = "block";
            //block.speed = 0.5;
            sym.$("Stage").append(block);                
        }

sym.$（“Stage”）是我工作的Adobe Edge分配的div。 在这之后，我将不得不添加碰撞到一个球，这个球跟随我的鼠标光标，可以跳跃（想想温特贝尔的游戏）

---

这就是我到目前为止所做的：

首先假设它是class='block'而不是id

---

1-为每个块创建不同的id，并为针对该id或目标的每个超时创建。块：最后一个子项；以上次生成的块为目标。

您是否尝试为每个块指定不同的

id

，然后使用

setTimeout

让特定块崩溃<代码>id有点。。。标识符（唯一）。@jabbink我完全忘记了类，所以我没有给块一个id，而是给它一个类名。这会使每个方块都下降，但我认为最好还是给它们一个唯一的id，因为稍后我会遇到单位碰撞的问题，我猜（找出球与哪个方块碰撞）。我通过添加以下代码成功地使其工作：。现在看起来是这样的：。我仍然需要做一些事情来保持动画的恒定速度（使用transit.js），但我认为这与放松有关。