Timer di pagina di aggiornamento JavaScript

L'implementazione di un timer di pagine di aggiornamento in JavaScript è molto utile in quanto consente agli utenti di assicurarsi che il contenuto del particolare sito sia pertinente e aggiornato. Inoltre, aiuta ad aggiornare una pagina Web o un sito nella fase di automazione. Allo stesso modo, consente agli utenti finali di accedere tempestivamente agli ultimi contenuti su un determinato sito.

Come implementare il timer di pagine di aggiornamento in javascript?

Per implementare il timer di aggiornamento del timer JavaScript, è possibile utilizzare i seguenti approcci:

• Metodo "setTimeout ()".
• Evento "Onload".
• Metodo "setInterval ()".

Approccio 1: implementa il timer di aggiornamento della pagina nel metodo JavaScript tramite setTimeout ()

IL "setTimeout ()"Il metodo reindirizza a una funzione dopo il tempo di impostazione. Questo approccio può essere applicato per reindirizzare alla funzione specificata al clic del pulsante e aggiornare la pagina dopo il tempo impostato.

Sintassi

Nella sintassi data:

• "funzione"Indica la funzione accessibile.
• "millisecondi"Si riferisce all'intervallo di tempo da eseguire.
• "par1" E "par2"Corrisponde ai parametri aggiuntivi.

Esempio

Seguiamo l'esempio di seguito:

Questa pagina si aggiornerà ogni 4 secondi!

Nel frammento di codice sopra, eseguire i seguenti passaggi:

• Includere il dichiarato “Titolo” e “Heading”.
• Inoltre, crea un pulsante con un allegato "al clic"Reindirizzamento degli eventi alla funzione RefrowTimer ().
• Nella parte JavaScript del codice, dichiarare una funzione denominata "RefresatMer ()".
• Nella sua definizione, applica il "setTimeout ()" metodo. Nel suo parametro, applica il "posizione.ricaricare()"Metodo con il valore booleano set. Nel suo altro parametro, specificare il tempo dichiarato.
• Ciò comporterà rinfrescare la pagina dopo ogni "4 secondi"Al clic sul pulsante.

Produzione

Nell'output sopra, si può osservare che la pagina si aggiorna ogni 4 secondi.

Approccio 2: implementa il timer di pagine di aggiornamento in JavaScript utilizzando l'evento Onload

Un evento "Onload" entra in vigore quando viene caricato un oggetto. Questo approccio può essere utilizzato per aggiornare la pagina dopo il caricamento della pagina rispetto al valore set timer.

Sintassi

Nella sintassi data:

• "funzione"Corrisponde alla funzione accessibile quando viene caricato l'oggetto.

Esempio

Osservare i passaggi indicati nell'esempio seguente:

Questa pagina si aggiornerà ogni 8 secondi!

Nelle righe di codice sopra:

• Applicare il "Onload"Evento per la funzione refresatTimer () con il timer set come parametro. Ciò comporterà l'invocazione della funzione specificata sulla pagina caricata.
• Inoltre, specifica la intestazione dichiarata.
• Nella parte JavaScript del codice, definisci una funzione denominata "RefresatMer ()."
• Nella sua definizione, allo stesso modo, ripeti il ​​passaggio discusso nell'approccio precedente per l'applicazione del "setTimeout ()"Metodo con i parametri dichiarati.
• Qui, "Timer"Si riferisce al valore del parametro passato del timer.

Produzione

Dall'output sopra, è evidente che dopo la carica della pagina, si aggiorna dopo 8 secondi.

Approccio 3: implementa il timer di aggiornamento della pagina in javaScript utilizzando il metodo setInterval ()

IL "setInterval ()"Il metodo reindirizza a una funzione a intervalli di tempo specificati. Questo metodo può essere applicato ripetutamente e aggiornare la pagina dopo il limite del timer set.

Sintassi

Nella sintassi sopra:

• "funzione"Punta alla funzione accessibile.
• "millisecondi"Si riferisce all'intervallo di tempo specifico da eseguire.
• "Par1" e "par2" corrispondere ai parametri aggiuntivi.

Esempio

Seguiamo l'esempio di seguito:

Questa pagina si aggiornerà ogni 5 secondi!

Nel frammento di codice sopra:

• Includi le intestazioni dichiarate per la visualizzazione del messaggio e contenente il timer da incrementare rispettivamente.
• Nella parte JavaScript del codice, inizializza il timer con "1".
• Nel passaggio successivo, applica il "setInterval ()" metodo. Inoltre, prendi l'intestazione specificata dal suo "id" usando il "getElementById ()"Metodo per contenere il timer.
• Incrementare il timer in modo tale che dopo il "5 secondi"Conteggio, la pagina viene aggiornata tramite"posizione.ricaricare()" metodo.

Produzione

Nell'output sopra, si può osservare che la pagina si aggiorna dopo 5 secondi.

Conclusione

IL "setTimeout ()Metodo ", un"OnloadEvento "o"setInterval () "Il metodo può essere utilizzato per implementare un timer di pagina di aggiornamento in JavaScript. Il metodo setTimeout () può essere implementato per invocare una funzione al clic del pulsante e aggiornare la pagina dopo il tempo di impostazione. Un evento Onload può essere applicato per implementare il timer al caricamento della pagina e aggiornarlo in base al valore del timer set. Il metodo setInterval () può aggiornare ripetutamente la pagina dopo il limite del timer set. Questo blog spiega come implementare un timer di pagina di aggiornamento in JavaScript.