Pagina di aggiornamento automatico ogni top 10 secondi - JavaScript

Il più delle volte, in molte applicazioni Web, gli sviluppatori devono aggiornare automaticamente la pagina dopo un determinato tempo. Ad esempio, nelle applicazioni in borsa o nei punteggi sportivi, in cui i dati vengono modificati e aggiornati frequentemente da visualizzare. Aggiornare automaticamente la pagina può fornire agli utenti le informazioni più recenti senza richiedere loro di aggiornare manualmente la pagina.

Questo post descriverà il metodo per aggiornare la pagina ogni 30 secondi in JavaScript.

Come aggiornare automaticamente la pagina ogni 30 secondi usando javascript?

Per aggiornare automaticamente la pagina ogni 30 secondi, utilizzare i seguenti metodi:

• Metodo "setInterval ()"
• Metodo "setTimeout ()"

Metodo 1: pagina di aggiornamento automatico ogni 30 secondi utilizzando il metodo "setInterval ()"

Usa il "setInterval ()"Metodo per rinfrescare automaticamente la pagina. È un metodo JavaScript incorporato che consente di eseguire ripetutamente una funzione a un intervallo specificato.

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

setInterval (funzione, millisecondi);

Ci vogliono due parametri, il "funzione"Da eseguire e il"Intervallo di tempo"(In millisecondi) in cui eseguire la funzione.

Esempio
Chiama il "setInterval ()"Metodo passando una funzione e un intervallo di tempo, che è di 30 secondi in millisecondi"30000". Nella funzione, chiamare il "finestra.posizione.ricaricare()"Metodo per ricaricare la pagina:

setInterval (function ()
finestra.posizione.ricarica (1);
avviso ("aggiornato");
, 30000);

L'output mostra un messaggio di avviso mentre si aggiorna la pagina dopo 30 secondi:

Metodo 2: pagina di aggiornamento automatico ogni 30 secondi utilizzando il metodo "setTimeout ()"

Un altro modo per aggiornare automaticamente la pagina è utilizzare il "setTimeout ()" metodo. Consente l'esecuzione di una funzione dopo un ritardo/tempo specificato.

Sintassi
Utilizzare la seguente sintassi per il metodo setTimeout ():

setTimeout (funzione, millisecondi);

Simile a setInterval, prende anche i due parametri "funzione" E "Intervallo di tempo".

Esempio
Chiama il setTimeout () passando il tempo di ritardo e una funzione per la pagina di ricarica usando "posizione.ricarica (true)":

setTimeout ("Posizione.ricarica (true); ", 30000);
avviso ("aggiornato");

Produzione

Si tratta di rinfrescare la pagina automaticamente ogni 30 secondi.

Conclusione

Per rinfrescare la pagina automaticamente dopo 30 secondi, usa "setInterval ()Metodo o il "setTimeout ()" metodo. Entrambi i metodi eseguono la funzione specificata in un determinato periodo di tempo. Questo post ha descritto il metodo per aggiornare la pagina ogni 30 secondi in JavaScript.