Метод delay - задержка выполнения событий в очереди
Метод ⁅с⁆delay⁅/с⁆ позволяет нам задержать
выполнение функций находящихся в очереди. Его
можно применить как для стандартной очереди
эффектов, так и для пользовательских очередей. Его
можно применить только для событий в очереди.
Длительность можно задавать не только в миллисекундах,
но и ключевыми словами slow
(600мс
)
и fast
(200мс
), чем больше значение,
тем медленней анимация.
Т.к. у метода ⁅с⁆delay⁅/с⁆ есть определенные ограничения,
он не является заменой для нативной JavaScript
функции setTimeout
,
которая в определенных случаях может быть более удобной.
Синтаксис
Так мы устанавливаем задержку. Первым параметром
устанавливается длительность задержки выполнения
следующего элемента в очереди в миллисекундах. Вторым
необязательным параметром можно передать имя
очереди - по умолчанию fx
- имя стандартной
очереди эффектов:
.delay(длительность, [имя очереди]);
Пример
Давайте сначала скроем элемент с помощью
hide
,
сделаем задержку в 3
секунды и затем
покажем его обратно с помощью
show
:
<p id="test">text text text</p>
$('#test').hide(1000).delay(3000).show(1000);