Question

所以我已经有了这个代码来创建一个每隔800毫米的矩形div，它会从屏幕上掉下来。现在我希望能够在达到某个最高值时删除div，否则它会被删除过分混乱的div。现在我不知道如何做到这一点，考虑到我给他们的身份。我也想知道在比赛结束后我怎么能最终删除这些div中的每一个。这就是我到目前为止所做的一切：http://student.howest.be/pieter-jan.vandenb1/crossdodger/Game.html。我是javascript的新手，所以提前感谢！

var idNumber = 0;

        SpawnBlock();

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



        function UpdateBlock()
        {

            var block = document.createElement("div");
            block.style.width = "25px";
            block.style.height = "25px";
            block.style.background = "lightgrey"
            block.style.top = "-25px";
            block.style.left = Math.random() * 455 + "px";
            block.style.position = "absolute";
            block.id = "block" + ++idNumber;
            //block.speed = 0.5;
            sym.$("Stage").append(block);
            sym.$("#block"+idNumber).transition({top:"800px"},8000,"linear");

        }

它是在Adobe Edge中制作的，因此＆＃34; sym。＆＃34;命名空间。

Answer 1

这在类似的环境中对我有用：

 var bl = document.getElementById("block" + (idNumber));
 bl.parentNode.removeChild(bl);

Answer 2

＆＃13;

    var idNumber = 0;

        SpawnBlock();
        
        var divblocks = [];

        function SpawnBlock()
        {
            UpdateBlock();
            setTimeout(SpawnBlock, 800);
        }



        function UpdateBlock()
        {

            var block = document.createElement("div");
            block.style.width = "25px";
            block.style.height = "25px";
            block.style.background = "lightgrey"
            block.style.top = "-25px";
            block.style.left = Math.random() * 455 + "px";
            block.style.position = "absolute";
            block.id = "block" + ++idNumber;
            //block.speed = 0.5;
            sym.$("Stage").append(block);
            sym.$("#block"+idNumber).transition({top:"800px"},8000,"linear");
            divblocks.push(block.id);
            if (divblocks.length > 800)
            {
              $(divblocks[0]).Remove();
            }
        }

＆＃13;

达到某个最高值后，删除具有几乎相同ID的div

2 个答案: