Создайте сгенерированные divs, которые создаются каждые несколько секунд, сбрасывают экран

Question

Итак, я работаю в Adobe Edge для школьных атм, и я пытаюсь получить divs, которые создаются каждые 2 секунды, чтобы упасть на экран. Потерпите меня, я новичок в 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") - это div, назначенный Adobe Edge, в котором я работаю. После этого мне придется добавить столкновение с мячом, который следует за моим курсором мыши и может прыгать (подумайте о игре в Winterbells).

Это то, что я до сих пор: http://student.howest.be/pieter-jan.vandenb1/crossdodger/Game.html

Answer 1

Сначала предположим, что класс = «блок» не идентификатор. вы можете сделать две вещи 1- создать различный идентификатор для каждого блока и создать для каждого таймаута таргетинг на этот id или целевой .block: last-child; для целевого последнего сгенерированного блока.