Метод 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);

Смотрите также

  • метод show,
    который плавно показывает элементы
  • метод hide,
    который плавно скрывает элементы
  • метод queue,
    который позволяет показывать и изменять очередь функций



Чат с GPT Компилятор