jQuery wait/ritardo 1 secondo senza eseguire il codice

A volte, in vari scenari, gli sviluppatori potrebbero dover attendere o ritardare l'esecuzione del codice per un determinato periodo di tempo. Ad esempio, nascondi o mostra qualcosa dopo un certo ritardo di animazione o attendi che un'animazione si completa prima di iniziare un'altra, e così via. Aiuta a migliorare l'esperienza dell'utente. Assicurati che la durata del ritardo sia breve perché troppo ritardo abbia un effetto negativo sull'esperienza dell'utente.

Questo post illustrerà il modo di attendere o ritardare 1 secondo in jQuery.

Come attendere/ritardare 1 secondo senza eseguire il codice utilizzando jQuery?

In jQuery, utilizzare i seguenti metodi per ritardare l'esecuzione di 1 secondo senza eseguire il codice:

• Metodo di ritardo ()
• Metodo setTimeout ()

Metodo 1: attesa/ritardo 1 secondo senza eseguire il codice utilizzando il metodo "Delay ()"

Usa il "ritardo()"Metodo per aspettare 1 secondo per eseguire il codice successivo. È un metodo integrato della libreria jQuery che consente di creare un ritardo o fermare nell'esecuzione del codice. Viene spesso usato per mettere in pausa l'esecuzione dell'animazione, ma può anche essere utilizzato per introdurre un ritardo tra diverse azioni.

Sintassi
Seguire la sintassi data per il metodo Delay ():

$ (selettore).ritardo).metodo();

Il tempo sarà passato in "millisecondi", Come" 1000 millisecondi pari a 1 secondo ".

Esempio
Per usare il jQuery "ritardo()"Metodo, è importante aggiungere la libreria jQuery nel tag HTML:

Nel documento HTML, ne creeremo due

Tag e un pulsante:

Benvenuti in Linuxhint

Tutorial JavaScript

> Clicca qui

Allega una funzione sul clic del pulsante usando "clic() "Funzione in jQuery. Quando si fa clic sul pulsante, entrambe le righe di testo scivolano verso l'alto usando "scorrere verso l'alto()"Metodo e la seconda riga tornerà prima usando il"FadeIn ()"Metodo, mentre la prima riga verrà visualizzata dopo un ritardo di 1 secondo utilizzando il" ritardo (1000) ":

$ ("pulsante").Click (function ()
$ ("P.firstmsg ").slittamento (500).ritardo (1000).Fadein (800);
$ ("P.Secondmsg ").slittamento (500).Fadein (1000);
);

Produzione

Metodo 2: attesa/ritardo 1 secondo senza eseguire il codice utilizzando il metodo "setTimeout ()"

Puoi anche usare il “setTimeout ()"Metodo che è il metodo integrato di JavaScript. Viene utilizzato per aggiungere un ritardo o fermare l'esecuzione del codice. Non è specifico per jQuery ma può essere utilizzato in qualsiasi applicazione JavaScript.

Sintassi
La sintassi seguente viene utilizzata per il metodo setTimeout ():

setTimeout (function (), time);

Esempio
Nell'esempio dato, mostreremo un messaggio di avviso () dopo 1 secondi del pulsante Click. Innanzitutto, creeremo un pulsante e un testo in un documento HTML. Attacca un "al clic"Evento sul pulsante che chiamerà la funzione denominata"DelayFunc ()":

Tutorial JavaScript

clicca qui

Crea una funzione "myFunction ()"Che verrà chiamato in"setTimeout ()" metodo:

funzione myFunction ()
Avviso ("Benvenuti a LinuxHint");

Definire una funzione chiamata "DelayFunc ()"Ciò attiverà il clic del pulsante. Chiama il metodo "setTimeout ()" passando una funzione e un tempo in millisecondi. La funzione eseguirà dopo il clic di 1 secondo del pulsante:

funzione delayfunc ()
setTimeout (myFunction, 1000);

Come puoi vedere dopo aver fatto clic sul pulsante, la finestra di avviso verrà visualizzata dopo un certo ritardo:

Conclusione

Per ritardare l'esecuzione di 1 secondo senza eseguire il codice in jQuery usa il "ritardo()Metodo "o il metodo" setTimeout () ". "setTimeout ()"Il metodo non è specifico per jQuery ma può essere utilizzato in qualsiasi applicazione JavaScript. Il metodo "Delay ()" è comunemente usato nelle animazioni, ma può anche essere utilizzato per introdurre un ritardo tra diverse azioni. Questo post ha illustrato la strada per attendere o ritardare 1 secondo in jQuery.