Как связать или поставить в очередь пользовательские функции, используя JQuery?

У меня есть несколько функций, которые делают разные анимации для разных частей HTML. Я хотел бы поставить эти функции в очередь или поставить их в очередь, чтобы они запускали анимацию последовательно, а не одновременно.

Я пытаюсь автоматизировать несколько последовательных событий, чтобы выглядело, как будто пользователь нажимает на разные кнопки или ссылки.

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

Имеет ли jquery «очередь»? Помогите? Я не мог понятьдокументация для очереди.

Пример, JQuery:

 function One() {
        $('div#animateTest1').animate({ left: '+=200' }, 2000);
    }
    function Two() {
        $('div#animateTest2').animate({ width: '+=200' }, 2000);
    }

// Call these functions sequentially so that the animations
// in One() run b/f the animations in Two()
    One();
    Two();

HTML:

    <div id="animatetest" style="width:50px;height:50px;background-color:Aqua;position:absolute;"></div>
    <div id="animatetest2" style="width:50px;height:50px;background-color:red;position:absolute;top:100px;"></div>

Благодарю.

РЕДАКТИРОВАТЬ: Я попробовал это стаймеры но я думал, что есть лучший способ сделать это.

РЕДАКТИРОВАТЬ № 2:

Позвольте мне быть более конкретным. У меня есть несколько функций, привязанных к клику & amp; Наведение событий на разные элементы страницы. Обычно эти функции не имеют никакого отношения друг к другу (они не ссылаются друг на друга). Я хотел бы смоделировать пользователя, проходящего через эти события, не меняя код моих существующих функций.

Ответы на вопрос(14)

Ваш ответ на вопрос