특정 최고 값에 도달하면 거의 동일한 ID로 div를 제거하십시오.

Question

그래서이 코드는 800ms마다 직사각형 div를 생성하여 화면 아래로 떨어집니다. 이제 특정 최고 값에 도달하면 div를 제거 할 수 있기를 원합니다. 그렇지 않으면 이 div로 복잡해집니다. 이제는 정확히 어떻게 해야할지 모르겠다. 내가 준 이드를 생각해 보라. 나는 또한 일단 게임이 끝나면 그 div의 모든 것을 제거하는 방법을 알고 싶습니다. 이것은 제가 지금까지 함께 가지고있는 것입니다 : http://student.howest.be/pieter-jan.vandenb1/crossdodger/Game.html. 나는 자바 스크립트에서 꽤 새로운 것, 그래서 미리 감사드립니다!

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에서 만들어 졌으므로 "sym." 네임 스페이스.

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

Answer 1

이

비슷한 환경에서 나를 위해 일한

Answer 2

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(); 
 
      } 
 
     }

: