javascript中的定時循環

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);