javascript中的定时for循环答案

【问题标题】：Timed for-loop in javascriptjavascript中的定时for循环
【发布时间】：2014-04-24 12:53:45
【问题描述】：

我想每 2 秒触发一次我的 for 循环。我的代码有效，但一次制作了三个球对象，而不是每 2 秒制作一个球，连续 3 次。

这是我的 for 循环，这只是我的代码的一部分。

for (i=0;i<3;i++) {
    ball= {
        x : canvas.width,
        y : Math.random()*canvas.height,
        speedX : -130,
        speedY : 0,
        radius : 10,
        color : "red"           
    };
}

【问题讨论】：

您的代码中执行计时器的部分在哪里？
我还没有计时器部分，因为我不太确定如何编写这个部分。我希望有人能在答案中告诉我它是如何完成的。

标签： javascript for-loop timed-events

【解决方案1】：

这将创建一个新球 3 次，每 2 秒一个。要创建更多，只需在 for 循环中更改 3 即可创建更多，每 2 秒创建 1 个。

function CreateBall(){
    ball = {
        x : canvas.width,
        y : Math.random()*canvas.height,
        speedX : -130,
        speedY : 0,
        radius : 10,
        color : "red",
    };
}
for (i=0;i<3;i++) setTimeout(CreateBall, i*2000);

【讨论】：