javascript - JavaScriptでコードを遅らせる方法

Question

  for(;i>=guessx;i--,z++)
 { (function(g,h){
    setTimeout(function(){cannon.style.left=g+ "px";},10*h);})(i,z);
 }

 missile.style.left=guessx + "px";
 missile.style.top=guessy + "px"; 
 alien.style.left=alienx + "px";
 alien.style.top=alieny + "px";

シンプルなゲームを開発しようとしています。大砲の位置が更新された後にのみ、ミサイルとエイリアンの位置がレンダリングされるようにします。しかし、ここではすべてが同時に更新されます。

何ができるでしょうか？