javascript - JavaScript の時限 for ループ

Question

forループを2秒ごとにトリガーしたい。私のコードは動作しますが、2 秒ごとに 1 つのボールを 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 秒ごとに 3 回、新しいボールが作成されます。さらに作成するには、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);