Последовательность циклов
 

Как сделать так, чтобы после выполнения первого цикла выполнялся сразу второй?
Ссылка :http://codepen.io/

function move_r_d(i)
{
  setTimeout(function(){cube.style.cssText = 'top:' + i + 'px; left:' + i + 'px';},i* 10);
}

function move()
{
  if(cube.offsetLeft== '0')
  for(var i=0;i<450;i++)
    {
      move_r_d(i);
      
    }
  for(var i=0;i<200;i++)
    {
      move_r_d(i);
    }
}

anar1811,
https://learn.javascript.ru/js-animation

У тебя он и так выполняется сразу после первого. Оба цикла выполняются еще до того, как твой квадрат начал двигаться. Ты неверно себе представляешь то, что происходит в твоем коде. И что тебе надо, на самом деле, тоже не совсем понятно.