Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie eine verzögerte Ausführung in jquery

coldplay.xixi
Freigeben: 2021-01-18 17:44:32
Original
6206 Leute haben es durchsucht

Wie jquery die verzögerte Ausführung implementiert: Erstellen Sie zuerst ein HTML, führen Sie dann das jquery-Plug-in in den Kopf ein, binden Sie die Schaltfläche von [id=show] und verwenden Sie [$("#show").bind ( )】Methode.

So implementieren Sie eine verzögerte Ausführung in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

So implementiert jquery die verzögerte Ausführung:

Der erste Schritt

Die erste Wahl besteht darin, eine HTML-Struktur zu erstellen, eine Art Netzwerk-Markup-Sprache :

So implementieren Sie eine verzögerte Ausführung in jquery

Schritt 2

Da hier JQuery verwendet wird, muss das JQuery-Plug-In auch im Kopf eingeführt werden, um Ajax-Operationen auszuführen

So implementieren Sie eine verzögerte Ausführung in jquery

Schritt 3

Um den verzögerten Betrieb von JQuery anzuzeigen Hier muss eine Schaltfläche definiert werden. 2 Sekunden nach dem Klicken auf die Schaltfläche wird eine Erinnerung angezeigt. Schritt 4: Schreiben Sie dann Javascript-Code, binden Sie die Methode

und verzögern Sie die Ausführung hauptsächlich Verwenden der Settimeout-Methode

So implementieren Sie eine verzögerte Ausführung in jquery

Schritt 5

id=show的按钮,使用$("#show").bind()Code schreiben Überprüfen Sie es anschließend im Browser. Nachdem Sie auf die Schaltfläche geklickt haben, wird zunächst ein Dialogfeld und nach 2 Sekunden ein weiteres Dialogfeld angezeigt.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine verzögerte Ausführung in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage