Как связать или поставить в очередь пользовательские функции, используя 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; Наведение событий на разные элементы страницы. Обычно эти функции не имеют никакого отношения друг к другу (они не ссылаются друг на друга). Я хотел бы смоделировать пользователя, проходящего через эти события, не меняя код моих существующих функций.