Javascript 如何将document.createElement与elapsedTime一起使用？

我正在为一个学校项目做一个游戏。前提是屏幕右侧会有敌人，你必须杀死他们。我已经成功地创建了它们以便显示，但我无法使它们不同时出现。 有没有关于我该怎么做的建议

（很抱歉，如果这是错误的表述，我对这些东西非常陌生）

我尝试过使用elapsedTime函数来实现我的目标的不同方法，但我似乎一点也不能让它起作用

function createEnemy() {
  for(var i = 0; i < antallFiender; i++) {
    var nyFiende = document.createElement("img");
    nyFiende.setAttribute("src", "tenor.gif");
    nyFiende.setAttribute("class", "zombie");
    nyFiende.style.top = Math.floor(Math.random()*800) + "px";

    barnetEl.appendChild(nyFiende);
  }
  var zombieEl = document.querySelectorAll(".zombie");
}

函数create敌方（）{
对于（变量i=0；i

您可以使用JavaScript

setInterval

函数。使用此函数，您可以在第一个参数中传递回调，在第二个参数中传递时间间隔（以毫秒为单位），即回调调用之间的时间。所以会是这样的：

function createEnemy() {
  var nyFiende = document.createElement("img");
  nyFiende.setAttribute("src", "tenor.gif");
  nyFiende.setAttribute("class", "zombie");
  nyFiende.style.top = Math.floor(Math.random()*800) + "px";

  barnetEl.appendChild(nyFiende);
  var zombieEl = document.querySelectorAll(".zombie");
}

setInterval(createEnemy, 1000);

var enemyInterval = setInterval(createEnemy, 1000);

clearInterval(enemyInterval);

这样，每1秒就会调用一个函数来创建一个敌人

如果要停止调用函数，应将间隔指定给变量，以便使用

clearInterval

停止函数，如下所示：

function createEnemy() {
  var nyFiende = document.createElement("img");
  nyFiende.setAttribute("src", "tenor.gif");
  nyFiende.setAttribute("class", "zombie");
  nyFiende.style.top = Math.floor(Math.random()*800) + "px";

  barnetEl.appendChild(nyFiende);
  var zombieEl = document.querySelectorAll(".zombie");
}

setInterval(createEnemy, 1000);

var enemyInterval = setInterval(createEnemy, 1000);

clearInterval(enemyInterval);

希望对你有帮助