JQuery Wait/Opóźnienie 1 sekunda bez wykonywania kodu

Czasami w różnych scenariuszach programiści mogą wymagać poczekać lub opóźnić wykonywanie kodu na określony okres. Na przykład ukryj lub pokaż coś po pewnym opóźnieniu animacji lub poczekaj, aż jedna animacja zakończy się przed rozpoczęciem innej i tak dalej. Pomaga poprawić wrażenia użytkownika. Upewnij się, że czas trwania opóźnienia jest krótki, ponieważ zbyt duże opóźnienie ma zły wpływ na wrażenia użytkownika.

Ten post ilustruje sposób oczekiwania lub opóźnienia 1 sekundy w jQuery.

Jak czekać/opóźnić 1 sekundę bez wykonywania kodu za pomocą JQuery?

W jQuery użyj następujących metod opóźnienia wykonywania 1 sekundy bez wykonywania kodu:

• Metoda opóźnienia ()
• metoda settimeout ()

Metoda 1: Poczekaj/opóźnienie 1 sekunda bez wykonywania kodu przy użyciu metody „opóźnienia ()”

Użyj "opóźnienie()„Metoda oczekiwania na 1 sekundę, aby wykonać następny kod. Jest to wbudowana metoda biblioteki jQuery, która pozwala utworzyć opóźnienie lub zatrzymać w wykonywaniu kodu. Często jest używany do realizacji animacji, ale można go również wykorzystać do wprowadzenia opóźnienia między różnymi działaniami.

Składnia
Postępuj zgodnie z podaną składnią dla metody opóźnienia ():

$ (selektor).Czas zwłoki).metoda();

Czas zostanie przekazany „milisekund”, Takich jak„ 1000 milisekund równa 1 sekundy ”.

Przykład
Za korzystanie z jQuery ”opóźnienie()„Metoda ważne jest, aby dodać bibliotekę jQuery do znacznika HTML:

W dokumencie HTML utworzymy dwa

Tagi i jeden przycisk:

Witamy w Linuxhint

Samouczek JavaScript

> Kliknij tutaj

Dołącz funkcję przy kliknięciu przycisku za pomocą „Kliknij() ”Funkcja w jQuery. Po kliknięciu przycisku oba linie tekstowe ześlizgną się za pomocą „wślizgiwać się()„Metoda, a druga linia wróci najpierw za pomocą„fadein ()„Metoda, podczas gdy pierwsza linia wyświetli się po 1-sekundowym opóźnieniu za pomocą„ Opóźnienia (1000) ”:

$ („przycisk”).kliknij (funkcja ()
$ ("p.Firstms ”).slajd (500).opóźnienie (1000).Fadein (800);
$ ("p.sekundsg ”).slajd (500).Fadein (1000);
);

Wyjście

Metoda 2: Poczekaj/opóźnienie 1 sekunda bez wykonywania kodu przy użyciu metody „settimeout ()”

Możesz także użyć „settimeout ()„Metoda, która jest wbudowaną metodą JavaScript. Służy do dodania opóźnienia lub zatrzymania w wykonywaniu kodu. Nie jest to specyficzne dla jQuery, ale można go wykorzystać w dowolnej aplikacji JavaScript.

Składnia
Do metody Settimeout () wykorzystywana jest następująca składnia:

settimeout (funkcja (), czas);

Przykład
W danym przykładzie wyświetlimy wiadomość alert () po 1-sekundowym kliknięciu przycisku. Najpierw utworzymy przycisk i tekst w dokumencie HTML. Dołącz „na kliknięcie„Wydarzenie na przycisku, które wywoła funkcję o nazwie„opóźnieniefunc ()”:

Samouczek JavaScript

Kliknij tutaj

Utwórz funkcję „myFunction ()„To zostanie powołane„settimeout ()" metoda:

funkcja myFunction ()
alert („Witamy w Linuxhint”);

Zdefiniuj funkcję o nazwie „opóźnieniefunc ()„To wywoła kliknięcie przycisku. Wywołaj metodę „Settimeout ()”, przekazując funkcję i czas w milisekundach. Funkcja zostanie wykonana po 1-sekundowym kliknięciu przycisku:

funkcja opóźnieniefunc ()
Settimeout (MyFunction, 1000);

Jak widać, po kliknięciu przycisku okno alertu pojawi się po pewnym opóźnieniu:

Wniosek

Do opóźnienia wykonania 1 sekunda bez wykonywania kodu w jQuery użyj „opóźnienie()„Metoda lub metoda„ settimeout () ”. "settimeout ()„Metoda nie jest specyficzna dla jQuery, ale może być stosowana w dowolnej aplikacji JavaScript. Metoda „opóźnienia ()” jest powszechnie stosowana w animacjach, ale można ją również wykorzystać do wprowadzenia opóźnienia między różnymi działaniami. Ten post ilustruje sposób oczekiwania lub opóźnienia 1 sekundy w jQuery.