Question

array moves contains just a couple of move I wanna draw on canvas. basically a deltaTime to sleep and a draw command.

This simply doesn’t work 🙁

for (var i=0; i< parsed.moves.length; i++)
{
    var e = parsed.moves[i];
    setTimeout(function(){drawCmd(context,e)}, e.deltaTime*1000);

    //deltaTime are values btn 0-1, the sleep time i need to set btw commands 

 }  


function drawCmd(canvasctx, e)
{   

switch(e.type)
{
   //case ...
}
 }

it did nothing at all, not even calling drawCmd function

Answer 1

You code only delays all the drawCmd by e.deltaTime*1000 and executes them all at once afterwards, all at i = 10

If you meant to “draw and wait, draw and wait”, try this:

(function loop(i){
    var e = parsed.moves[i];      //e at current "i"

    if(i< parsed.moves.length){   //if not equal to length
        setTimeout(function(){
            drawCmd(context,e);   //draw in e.deltaTime*1000 milliseconds
            loop(++i);            //loop again
        }, e.deltaTime*1000);
    }

}(0));                            //start with i=0