тут все просто, делаю методом проб и ошибок и вероятно просто запутался.
Если кратко, то я хочу добиться того чтобы каждая анимация вызвалась 1 раз (busRide(), managerWalk(), trunkRide()) и остановилась пока не закончатся все, а по завершению всех анимаций пустить все сначала. Но как этого добиться не знаю.

И если честно я не совсем понял что Вы имели виду говоря что я дополнительно анимирую на каждом шаге анимации. Поясните пожалуйста.

Я думал таймер для однократного отложенного запуска функции. Сейчас попробую разобраться как через него зациклить.


UPD: Спасибо рони, после Вашей подсказки еще раз пересмотрел свой код и понял о чем была речь. Немного переписал функции и проблема с беспорядочной беготней пешехода решилась:)

Пока открытым остается только вопрос на счет плавности при диагональном движении.

И еще, почитал http://learn.javascript.ru/settimeout-setinterval и решил таки оставить setInterval(). Потому как не понял преимущества использования в моем случае setTimeout.

weber,
Вариант ... http://learn.javascript.ru/play/l9hKp

рони,
класс, мне нравится вариант вообще без интервалов, сделал у себя также.

А саму анимацию переписал чуть по другому, но работает тоже хорошо.

спасибо за помощь!