Metoda delay
Metoda delay pozwala nam opóźnić
wykonywanie funkcji znajdujących się w kolejce. Można
ją zastosować zarówno do standardowej kolejki
efektów, jak i do kolejek użytkownika. Można
ją zastosować tylko do zdarzeń w kolejce.
Czas trwania można podać nie tylko w milisekundach,
ale także słowami kluczowymi slow (600ms)
i fast (200ms), im większa wartość,
tym wolniejsza animacja.
Ponieważ metoda delay ma pewne ograniczenia,
nie jest zamiennikiem dla natywnej funkcji JavaScript
setTimeout,
która w pewnych przypadkach może być bardziej wygodna.
Składnia
W ten sposób ustawiamy opóźnienie. Pierwszym parametrem
ustawiany jest czas trwania opóźnienia wykonania
następnego elementu w kolejce w milisekundach. Drugim
opcjonalnym parametrem można przekazać nazwę
kolejki - domyślnie fx - nazwa standardowej
kolejki efektów:
.delay(czas trwania, [nazwa kolejki]);
Przykład
Najpierw ukryjmy element za pomocą
hide,
wykonajmy opóźnienie 3 sekund, a następnie
pokażmy go z powrotem za pomocą
show:
<p id="test">tekst tekst tekst</p>
$('#test').hide(1000).delay(3000).show(1000);