使每隔几秒创建的生成的div下降到屏幕

时间:2014-12-09 16:16:45

标签: javascript jquery html css adobe-edge

所以我在Adobe Edge for school atm工作,我正在尝试每隔2秒创建一个div,以便在屏幕上显示。忍受我,我是javascript的新手:)

这是生成div的代码,但我不知道如何将div作为目标并使其失效。我已经尝试过使用setTimeout和目标元素id = block,但它只会使生成的第一个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。 在此之后,我将不得不在跟随我的鼠标光标的球上添加碰撞并且可以跳跃(想想Winterbells游戏)。

这是我到目前为止所做的:http://student.howest.be/pieter-jan.vandenb1/crossdodger/Game.html

1 个答案:

答案 0 :(得分:0)

首先它假设是class =' block'不是身份证明你可以做两件事 1-为每个块创建不同的id,并为每个超时定位id或target .block:last-child;定位最后生成的块。