Javascript 在1秒后显示每个球

我使用以下代码创建了一些球：

function game() {
    for (i = 0; i < 3; i++) {
        var ball = $("<div>");
        ball.prop("class","planets");
        ball.prop("id","planet"+i);
        $("body").append(ball);
    }
}

function showing() {
    setTimeout(function() {
        for (i = 0; i < 3; i++) {
            $("#planet" + i).toggle();
        }
    }, 1000);
}

播放
显示

---

现在我的问题。我想创建一个函数，使每个球在1秒后可见。我已经创建了函数

showing（）

，但它将使所有球同时可见。有什么想法吗？

使用

setTimeout

功能：

setTimeout(showing, 1000);

interval = setInterval(showing, 1000);

var i = 0;
function showing() {
  $("#planet" + i++).show();
  //however many ball you have
  if(i == 3)
  {
    clearInterval(interval);
  }
}

---

第一个参数是应该执行的函数，第二个参数是执行它之前等待的毫秒数。

使用

setTimeout

函数：

setTimeout(showing, 1000);

interval = setInterval(showing, 1000);

var i = 0;
function showing() {
  $("#planet" + i++).show();
  //however many ball you have
  if(i == 3)
  {
    clearInterval(interval);
  }
}

---

第一个参数是应该执行的函数，第二个参数是执行前等待的毫秒数。

添加计时器以在每个新球后显示：

   function game() {
        var timer = 1000;
        for (i = 0; i < 3; i++) {
            var ball = $("<div>");
            ball.prop("class","planets");
            ball.prop("id","planet"+i);
            $("body").append(ball);
            setTimeout(function() {
                ball.show();
            }, timer * (i+1));
        }
    }

函数游戏（）{
无功定时器=1000；
对于（i=0；i<3；i++）{
变量ball=$（“”）；
球道具（“类”、“行星”）；
球道具（“id”，“行星”+i）；
$（“正文”）。附加（球）；
setTimeout（函数（）{
ball.show（）；
}，计时器*（i+1））；
}
}

在每个新球后添加计时器以显示：

   function game() {
        var timer = 1000;
        for (i = 0; i < 3; i++) {
            var ball = $("<div>");
            ball.prop("class","planets");
            ball.prop("id","planet"+i);
            $("body").append(ball);
            setTimeout(function() {
                ball.show();
            }, timer * (i+1));
        }
    }

函数游戏（）{
无功定时器=1000；
对于（i=0；i<3；i++）{
变量ball=$（“”）；
球道具（“类”、“行星”）；
球道具（“id”，“行星”+i）；
$（“正文”）。附加（球）；
setTimeout（函数（）{
ball.show（）；
}，计时器*（i+1））；
}
}

使用

setInterval

功能：

setTimeout(showing, 1000);

interval = setInterval(showing, 1000);

var i = 0;
function showing() {
  $("#planet" + i++).show();
  //however many ball you have
  if(i == 3)
  {
    clearInterval(interval);
  }
}

与

setTimeout

非常相似，只是它会重复运行，直到您告诉它停止；第一个参数是函数，第二个参数是每次迭代之间的mmilliseconds数（1000毫秒=1秒）

当您希望间隔停止时，可调用

clearInterval

：

clearInterval(interval);

---

使用

setInterval

功能：

setTimeout(showing, 1000);

interval = setInterval(showing, 1000);

var i = 0;
function showing() {
  $("#planet" + i++).show();
  //however many ball you have
  if(i == 3)
  {
    clearInterval(interval);
  }
}

与

setTimeout

非常相似，只是它会重复运行，直到您告诉它停止；第一个参数是函数，第二个参数是每次迭代之间的mmilliseconds数（1000毫秒=1秒）

当您希望间隔停止时，可调用

clearInterval

：

clearInterval(interval);

---

单击“显示”按钮1秒后，将显示一个新球

function showing() {
    setTimeout(function() {
        $('.planets:hidden').eq(0).show();
    }, 1000);
}

---

单击“显示”按钮1秒后，将显示一个新球

function showing() {
    setTimeout(function() {
        $('.planets:hidden').eq(0).show();
    }, 1000);
}

---

你能将你的

showing（）

函数添加到问题中吗？对不起，添加的showing（）代码请给我们看showing（）函数代码，如果这是你遇到问题的代码您可以将您的

showing（）

函数添加到问题中吗。对不起，添加的showing（）代码请向我们显示showing（）函数代码，如果这是您遇到问题的代码。您似乎没有

var i我必须按下按钮来显示每个球。我想当我在1秒钟后按下按钮来显示一个球，直到我显示完为止。我已经根据您的需要调整了我的答案。我必须按下按钮来显示每个球。我想当我在1秒钟后按下按钮来显示一个球，直到我显示完为止。我已经根据您的需要调整了我的答案需要。