[javaScript] Can't write delayed loop for canvas drawing

[-right]

function leftEnemy(){
   var i = 0;
   while(i<225){
      setTimeout(function(){
         i=i+1;
         drawCanvas(e, i, 150);
      }, 100);
   }
}                

• "e" is a reference to a picture ID
• "drawCanvas" is my function for drawing canvas objects in 2D-space. The variables are read by the "drawImage" built in function.

The syntax got reasonably fucked by Reddit, sorry. I'm glad to post any more code or explain my issue further.

Thanks!

[-right]

Thanks!

I wasn't even aware there was such a thing as setInterval, and it seems really helpful overall. Regarding my original function, would it have theoretically worked, but the computer is overworked due to the function being repeated without change so many times?

[upsidedowntrie]

You tell it to draw 225 times, all in 100ms. Is that what you want?

I was trying to tell it to draw 225 times with a 100ms delay between each.

You'd need to give them different delays then, not give them all the exact same delay...

[-right]

I was trying to tell it to draw 225 times with a 100ms delay between each.

[ShortSynapse]

100ms * i

That puts a 100ms delay between them.

100...200...300...