setInterval vs setTimeout in javascript

La pianificazione è il termine generale per qualsiasi attività prevista per un periodo di tempo futuro. In JavaScript, ci sono funzioni per l'esecuzione a intervalli predeterminati o tempi chiamati setTimeout () e setInterval () che possono essere utilizzati per pianificare le attività per un tempo specifico. Entrambi i metodi consentono di eseguire un pezzo di codice JavaScript o funzione in un momento specifico in futuro.

Questo articolo spiegherà il setInterval e il setTimeout in JavaScript e le loro differenze comuni.

Cosa è setInterval in JavaScript?

IL "setInterval ()"In JavaScript esegue un'espressione JavaScript continuamente ogni"X" intervallo. Ripete una funzione specifica ad ogni particolare intervallo di tempo.

Sintassi

Seguire la sintassi di seguito per il metodo setInterval ():

finestra.setInterval (funzione, time);

Due parametri sono accettati con questo metodo:

• funzione: Il primo parametro è la funzione da eseguire.
• tempo: La durata tra ciascuna esecuzione, misurata in millisecondi.

Esempio

Qui imposteremo il timer impostando l'intervallo di tempo sull'evento di clic di un pulsante:

clicca qui

Creare un

Elemento tag e assegnare un ID "tempo"Dove verrà mostrato il tempo:

Nel file JavaScript, scrivi le righe sotto il codice:

funzione timer ()
const data = new Date ();
documento.getElementById ("Time").InnerHtml = data.tolocaletimestring ();

Nel frammento di codice sopra:

• Innanzitutto, definisci una funzione chiamata "Timer()".
• Crea un nuovo oggetto Data utilizzando il costruttore Date ().
• Quindi, accedi all'elemento in cui verrà mostrato il tempo utilizzando il suo ID con l'aiuto di "getElementById ()"Metodo e imposta la proprietà InnerHTML per impostare l'ora chiamando la data"tolocaletimestring ()" metodo.

Nell'output, è possibile vedere che il tempo viene visualizzato dopo un intervallo di tempo specifico sull'evento click:

Cosa è setTimeout in JavaScript?

IL "setTimeout"Il metodo viene utilizzato per chiamare la funzione dopo un determinato momento. Funziona solo una volta dopo un periodo di tempo specifico.

Sintassi

Seguire la sintassi fornita per il metodo setInterval ():

finestra.setInterval (funzione, time);

Ci vogliono due parametri:

• funzione: La funzione che deve essere eseguita
• tempo: La lunghezza della durata tra ciascuna esecuzione, misurata in millisecondi.

Esempio

Chiama il metodo setTimeout () sull'evento click passando la funzione e il tempo in millisecondi:

clicca qui

Crea un elemento usando il

etichetta:

Produzione

setInterval vs setTimeout

Il compito principale di "setTimeout"È chiamare la funzione dopo un determinato periodo di tempo. In contrasto, "setInterval"Viene spesso utilizzato per eseguire una funzione dopo un tempo predeterminato. La differenza principale tra setTimeout e setInterval è che setTimeout funziona solo una volta dopo un tempo specifico. Tuttavia, la funzione setInterval può essere utilizzata ripetutamente.

Conclusione

"setTimeout ()" E "setInterval ()"Sono i metodi predefiniti JavaScript per la pianificazione delle attività. IL "setInterval ()"Ripete una determinata funzione ad ogni intervallo di tempo dato, mentre il"setTimeout"Il metodo viene utilizzato per chiamare la funzione una volta dopo un periodo di tempo specificato. Questo articolo ha spiegato il setInterval e il setTimeout in JavaScript e le loro differenze comuni.