JQuery Wait/Delay 1 Sekunde ohne Ausführung von Code

Manchmal müssen Entwickler in verschiedenen Szenarien möglicherweise warten oder die Ausführung des Code für einen bestimmten Zeitraum verzögern. Hände oder zeigen Sie beispielsweise nach einer bestimmten Animationsverzögerung etwas aus oder warten Sie, bis eine Animation abgeschlossen ist, bevor Sie eine andere starten, und so weiter. Es hilft, die Benutzererfahrung zu verbessern. Stellen Sie sicher, dass die Dauer der Verzögerung kurz ist, da zu viel Verzögerung einen schlechten Einfluss auf die Benutzererfahrung hat.

Dieser Beitrag veranschaulicht den Weg zum Warten oder Verzögerung von 1 Sekunde in jQuery.

So warten/verzögern Sie 1 Sekunde, ohne Code mit JQuery auszuführen?

Verwenden Sie in JQuery die folgenden Methoden zur Verzögerung der Ausführung 1 Sekunde, ohne Code auszuführen:

• Delay () Methode
• setTimeout () Methode

Methode 1: Warten/Verzögerung 1 Sekunde ohne den Code mit der Methode "Delay ()" auszuführen

Verwenden Sie die “Verzögerung()Methode zum Warten auf 1 Sekunde, um den nächsten Code auszuführen. Es handelt sich um eine integrierte Methode der JQuery-Bibliothek, mit der eine Verzögerung oder ein Stoppen bei der Ausführung von Code erstellt werden kann. Es wird oft verwendet, um die Animationsausführung zu pausieren, kann aber auch zur Einführung einer Verzögerung zwischen verschiedenen Aktionen verwendet werden.

Syntax
Befolgen Sie die angegebene Syntax für die Delay () -Methode:

$ (Selektor).Verzögerungszeit).Methode();

Die Zeit wird in "verabschiedet"Millisekunden"Wie" 1000 Millisekunden entspricht 1 Sekunde ".

Beispiel
Für die Verwendung der JQuery “Verzögerung()Methode ist es wichtig, die JQuery -Bibliothek in Ihr HTML -Tag hinzuzufügen:

Im HTML -Dokument werden wir zwei erstellen

Tags und eine Schaltfläche:

Willkommen bei LinuxHint

JavaScript -Tutorial

> Klicken Sie hier

Fügen Sie eine Funktion auf der Schaltfläche mit der "Klick auf die Schaltfläche hinzu" an. "klicken() ”Funktion in jQuery. Wenn auf die Schaltfläche klickt, rutschen beide Textzeilen mit dem "SlideUp ()Methode, und die zweite Zeile wird zuerst mit der "zurückkommen"einblenden()Methode, während die erste Zeile nach einer 1-Sekunden-Verzögerung unter Verwendung der "Verzögerung (1000)" angezeigt wird:

$ ("Button").klicken (function ()
$ ("p.FirstMsg ").SlideUp (500).Verzögerung (1000).Fadein (800);
$ ("p.Secondmsg ").SlideUp (500).Fadein (1000);
);

Ausgang

Methode 2: Warten/Verzögerung 1 Sekunde ohne den Code mit "setTimeout ()" -Methode auszuführen

Sie können auch die „verwenden“setTimeout ()Methode, die die integrierte Methode von JavaScript ist. Es wird verwendet, um die Ausführung von Code zu verzögern oder anzuhalten. Es ist nicht jQuery spezifisch, kann aber in jeder JavaScript -Anwendung verwendet werden.

Syntax
Die folgende Syntax wird für die setTimeout () -Methode verwendet:

setTimeout (function (), time);

Beispiel
Im angegebenen Beispiel werden wir nach 1 Sekunde des Schaltflächenklicks eine Alert () -Meldung anzeigen. Zunächst erstellen wir eine Schaltfläche und einen Text in einem HTML -Dokument. Anbringen "ONCLICK"Ereignis auf der Schaltfläche, die die mit dem Namen" Funktion benannte Funktion nennt "Delyfunc ()”:

JavaScript -Tutorial

klicken Sie hier

Erstellen Sie eine Funktion “myfunction ()"Das wird in"setTimeout ()" Methode:

Funktion myfunction ()
Alarm ("Willkommen bei LinuxHint");

Definieren Sie eine Funktion namens “Delyfunc ()Das wird auf dem Klick der Schaltfläche ausgelöst. Rufen Sie die Methode „setTimeout ()“ auf, indem Sie eine Funktion und eine Zeit in Millisekunden übergeben. Die Funktion wird nach dem 1-Sekunden der Schaltfläche "Klicken" ausgeführt:

Funktion DelayFunc ()
setTimeout (myfunction, 1000);

Wie Sie sehen können, wird nach dem Klicken auf die Schaltfläche das Warnfenster nach einer Verzögerung angezeigt:

Abschluss

Um die Ausführung 1 Sekunde zu verzögern, ohne Code in jQuery auszuführen, verwenden Sie die “Verzögerung()Methode oder die Methode "setTimeout ()". “setTimeout ()Die Methode ist nicht jQuery spezifisch, kann aber in jeder JavaScript -Anwendung verwendet werden. "Delay ()" -Methode wird üblicherweise in Animationen verwendet, kann jedoch auch zur Einführung einer Verzögerung zwischen verschiedenen Aktionen verwendet werden. In diesem Beitrag wurde der Weg zum Warten oder Verzögerung 1 Sekunde in jQuery veranschaulicht.