javascript - JavaScript 中的定时 for 循环

Question

我想每 2 秒触发一次 for 循环。我的代码可以工作，但是一次生成三个球对象，而不是每 2 秒 3 连续生成一个球对象 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"           
    };
}

Answer 1

这将创建一个新球三次，每 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);