JavaScript Refresh Page Timer

Å implementere en oppdateringssidetimer i JavaScript er veldig nyttig, da det lar brukere sikre at innholdet på det aktuelle nettstedet er relevant og oppdatert. I tillegg hjelper det med å oppdatere en webside eller et nettsted i automatiseringsfasen. På samme måte lar det sluttbrukerne få tilgang til det nyeste innholdet på et bestemt nettsted rettidig.

Hvordan implementere Refresh Page Timer i JavaScript?

For å implementere Refresh Page Timer JavaScript, kan følgende tilnærminger brukes:

• “Settimeout ()” -metode.
• “Onload” -arrangement.
• “SetInterval ()” -metode.

Tilnærming 1: Implementere Refresh Page Timer i JavaScript via Settimeout () -metode

“setTimeout ()”Metode omdirigerer til en funksjon etter angitt tid. Denne tilnærmingen kan brukes til å viderekoble til den spesifiserte funksjonen på knappeklikk og oppdatere siden etter den angitte tiden.

Syntaks

I den gitte syntaks:

• “funksjon”Indikerer den tilgangsfunksjonen.
• “millisekunder”Refererer til tidsintervallet for å utføre.
• “par1”Og“par2”Samsvarer med tilleggsparametrene.

Eksempel

La oss følge det under-uttalte eksemplet:

Denne siden vil oppdatere etter hvert 4. sekund!

I ovennevnte kodebit, utfør følgende trinn:

• Inkluderer det angitte “Tittel” og “Heading”.
• Opprett også en knapp med en vedlagt "ved trykk”Hendelse som omdirigerer til funksjonen Refreshtimer ().
• I JavaScript -delen av koden, erklærer en funksjon som heter “Refreshtimer ()”.
• I sin definisjon, bruk "setTimeout ()”Metode. I sin parameter, bruk "plassering.Last inn () på nytt”Metode med den faste boolske verdien. I sin andre parameter, spesifiser den angitte tiden.
• Dette vil resultere i å oppdatere siden etter hver “4 sekunder”På knappeklikk.

Produksjon

I outputten kan det observeres at siden friskes etter hvert fjerde sekund.

Tilnærming 2: Implementere Refresh Page Timer i JavaScript ved hjelp av Onload -arrangementet

En "onload" -hendelse trer i kraft når et objekt lastes. Denne tilnærmingen kan brukes til å oppdatere siden etter sidelastningen med hensyn til den angitte timerverdien.

Syntaks

I den gitte syntaks:

• “funksjon”Tilsvarer den tilgjengelige funksjonen når objektet er lastet.

Eksempel

Observer de uttalte trinnene i eksemplet nedenfor:

Denne siden vil oppdatere etter hvert 8. sekund!

I kodelinjene ovenfor:

• Bruk “på Last”Hendelse til funksjonen Refreshtimer () som har den angitte tidtakeren som parameter. Dette vil resultere i å påkalle den spesifiserte funksjonen på den lastede siden.
• Spesifiser også den oppgitte overskriften.
• I JavaScript -delen av koden, definerer du en funksjon som heter “Refreshtimer ().”
• I sin definisjon, på samme måte, gjenta det diskuterte trinnet i den forrige tilnærmingen for å anvende “setTimeout ()”Metode med de uttalte parametrene.
• Her, “Timer”Henviser til den passerte parameterverdien til tidtakeren.

Produksjon

Fra output ovenfor er det tydelig at etter at siden er lastet, blir den oppdatert etter 8 sekunder.

Tilnærming 3: Implementere Refresh Page Timer i JavaScript ved bruk av SetInterval () -metode

“setInterval ()”Metode omdirigerer til en funksjon med spesifiserte tidsintervaller. Denne metoden kan brukes gjentatte ganger og oppdatere siden etter den faste tidtakerens grense.

Syntaks

I syntaks ovenfor:

• “funksjon”Peker på den tilgjengelige funksjonen.
• “millisekunder”Refererer til det spesifikke tidsintervallet for å utføre.
• “Par1” og “Par2” samsvarer med tilleggsparametrene.

Eksempel

La oss følge det under-uttalte eksemplet:

Denne siden vil oppdatere etter hvert 5. sekund!

I ovennevnte kodebit:

• Inkluder de uttalte overskriftene for å vise meldingen og inneholde tidtakeren som skal økes henholdsvis.
• I JavaScript -delen av koden, initialiser tidtakeren med “1”.
• I neste trinn, bruk "setInterval ()”Metode. Hent også den spesifiserte overskriften av dens "id" bruker "getElementById ()”Metode for å inneholde tidtakeren.
• Øk tidtakeren slik at etter "5 sekunder”Grev, siden blir oppdatert via“plassering.Last inn () på nytt”Metode.

Produksjon

I outputten kan det observeres at siden oppdateres etter 5 sekunder.

Konklusjon

“setTimeout ()”Metode, en“på Last”Arrangement, eller“SetInterval () ”Metode kan brukes til å implementere en oppdateringssidetimer i JavaScript. Metoden Settimeout () kan implementeres for å påkalle en funksjon på knappeklikk og oppdatere siden etter den angitte tiden. En onlasthendelse kan brukes for å implementere tidtakeren på siden Load og oppdatere den i henhold til den angitte timerverdien. SetInterval () -metoden kan gjentatte ganger oppdatere siden etter den angitte tidsgrensen. Denne bloggen forklarer hvordan du implementerer en oppdateringssidetimer i JavaScript.