Временное приостановление дальнейших анимаций

.delay()

Устанавливает задержку следующей функции в очереди функций. Метод имеет один вариант использования:

.delay(duration, [queueName]):jQuery1.4

Задерживает выполнение следующей в функции в очереди на duration миллисекунд. По умолчанию, остановка происходит в стандартной очереди с именем "fx", однако, можно указать и другую очередь, с помощью параметра queueName.

Рассмотрим простейший пример:

$('#foo').slideUp().delay(300).fadeIn();

элементу с идентификатором foo будет задано два анимационных эффекта, а так же задержка на 300 миллисекунд (это примерно треть секунды) между ними. То есть, в начале будет запущена анимация slideUp(), на время ее выполнения две другие функции будут помещены в очередь. После выполнения первой анимации произойдет задержка на 300 миллисекунд, после чего начнет свое выполнение вторая анимация — fadeIn().

Ссылки

Поисковые ключи:
  • остановка анимации на заданное время
  • остановить анимацию на заданное время
  • приостановить анимацию на заданное время
  • .delay()
  • delay()