Как правильно реализовать пошаговое выполнение сценария (функция за функцией)?

Question

[Александр]

Реализую на сайте скринкаст работы с приложением на сss и js
Вопрос: Как правильно реализовать пошаговое выполнение сценария (функция за функцией)?
К примеру набор текста, потом нажатие кнопки, затем появление нового блока с этим тесктом и т.д. (под капотом это просто добавление/удаление классов, текста или объектов dom)
Возможно есть более правильные варианты кроме setTimeout?

Comments

[Александр]

К примеру минус setTimeout, что при переключении вкладок, скрипт работает, но выполнится функции могут не до конца

Answer 1

[Ваня]

Как вариант
.animate() Callback Functions
Выполнять следующую анимацию, после завершения текущей complete

Comments

[Александр]

Мне не нужно ничего анимировать, все анимации на transitions css

[Ваня]

IceDevil, Посмотрите transitionend и вот это, здесь подробнее

[Александр]

я поправил заголовок и текст вопроса, спасибо за старания, но у меня принципиально другая проблема - мне надо реализовать сценарий поведения пользователя в приложении, к примеру общение в чате. Так что тут одной анимацией не обойтись

Answer 2

[xmoonlight]

1 .nightwatchjs.org
2. https://github.com/segmentio/nightmare