Большинство движков для анимации позволяют создавать очереди:
http://habrahabr.ru/blogs/mootools/43379/
Цитата:
|
'chain' — все вызовы start во время анимации будут добавлены в цепь и их анимация начнется сразу после того, как закончится текущая.
|
Пример на Jquery (скорее псевдокод, но может даже заработает):
for (var elem = $('div1'), path = document.getElementById('input1').value.split(''), i = 0, length = path.length; i < length; i++)
elem.animate(path[i] == '-' ? {left: '+=10'} : {top: '+=10'}, {queue: false, duration: 2000});