JQuery Wait/Delay 1 Second uten å utføre kode

Noen ganger, i forskjellige scenarier, kan det hende at utviklere må vente eller forsinke utførelsen av kode i en bestemt tidsperiode. Skjul eller vis for eksempel noe etter en viss animasjonsforsinkelse eller vent til en animasjon skal fullføres før du starter en annen, og så videre. Det hjelper til å forbedre brukeropplevelsen. Forsikre deg om at varigheten av forsinkelsen er kort fordi for mye forsinkelse har en dårlig effekt på brukeropplevelsen.

Dette innlegget vil illustrere måten å vente på eller forsinke 1 sekund i jQuery.

Hvordan vente/forsinke 1 sekund uten å utføre kode ved hjelp av jQuery?

I jQuery, bruk følgende metoder for å utsette utførelse 1 sekund uten å utføre kode:

• Forsinkelse () Metode
• setTimeout () -metode

Metode 1: Vent/forsinkelse 1 sekund uten å utføre kode ved å bruke "Delay ()" -metode

Bruke "forsinkelse()”Metode for å vente på 1 sekund for å utføre neste kode. Det er en innebygd metode for jQuery-biblioteket som gjør det mulig å opprette en forsinkelse eller stanse i utførelsen av kode. Det brukes ofte til å pause animasjonsutførelse, men det kan også brukes til å innføre en forsinkelse mellom forskjellige handlinger.

Syntaks
Følg den gitte syntaks for forsinkelse () -metoden:

$ (velger).forsinkelsestid).metode();

Tiden vil bli passert inn "millisekunder”, For eksempel“ 1000 millisekunder lik 1 sekund ”.

Eksempel
For å bruke jQuery “forsinkelse()”Metode, det er viktig å legge til jQuery -biblioteket i HTML -taggen din:

I HTML -dokument oppretter vi to

Tagger og en knapp:

Velkommen til Linuxhint

JavaScript -opplæring

> Klikk her

Fest en funksjon på klikket på knappen ved å bruke "Klikk () ”Funksjon i jQuery. Når knappen er klikket, vil begge tekstlinjene gli opp ved hjelp av "skli opp()”Metode, og den andre linjen kommer tilbake først ved å bruke“fadein ()”Metode, mens den første linjen vises etter en 1 sekunders forsinkelse ved bruk av“ Delay (1000) ”:

$ ("knapp").klikk (funksjon ()
$ ("P.FirstMsg ").Slideup (500).Forsinkelse (1000).Fadein (800);
$ ("P.Secondmsg ").Slideup (500).Fadein (1000);
);

Produksjon

Metode 2: Vent/forsinkelse 1 sekund uten å utføre kode ved å bruke "setTimeout ()" -metode

Du kan også bruke “setTimeout ()”Metode som er den innebygde metoden for JavaScript. Det brukes til å legge til en forsinkelse eller stoppe i utførelsen av kode. Det er ikke jQuery -spesifikk, men det kan brukes i ethvert JavaScript -applikasjon.

Syntaks
Følgende syntaks brukes for Settimeout () -metoden:

setTimeout (funksjon (), tid);

Eksempel
I det gitte eksemplet vil vi vise en varsel () -melding etter 1 sekund av knappeklikk. Først oppretter vi en knapp og tekst i et HTML -dokument. Fest en “ved trykk”Hendelse på knappen som vil kalle funksjonen som heter“DelayFunc ()”:

JavaScript -opplæring

Klikk her

Lag en funksjon “MyFunction ()”Det vil bli kalt inn”setTimeout ()”Metode:

funksjon myfunction ()
Alert ("Velkommen til Linuxhint");

Definere en funksjon som heter “DelayFunc ()”Det vil utløse på knappens klikk. Ring "Settimeout ()" -metoden ved å passere en funksjon og en tid i millisekunder. Funksjonen vil utføres etter 1-sekundet på knappeklikket:

funksjon DelayFunc ()
setTimeout (myfunction, 1000);

Som du kan se at etter å ha klikket på knappen, vises varslingsvinduet etter en viss forsinkelse:

Konklusjon

For å utsette utførelse 1 sekund uten å utføre kode i jQuery, bruk "forsinkelse()”Metode eller“ setTimeout () ”-metoden. “setTimeout ()”Metode er ikke jQuery -spesifikk, men den kan brukes i ethvert JavaScript -applikasjon. "Delay ()" -metode brukes ofte i animasjoner, men den kan også brukes til å innføre en forsinkelse mellom forskjellige handlinger. Dette innlegget illustrerte måten å vente eller forsinke 1 sekund i jQuery.