Auto Refresh -side hvert 10. sekund - JavaScript

Auto Refresh -side hvert 10. sekund - JavaScript
Det meste av tiden, i mange webapplikasjoner, trenger utviklere å oppdatere siden automatisk etter en bestemt tid. For eksempel i aksjeutvekslingsapplikasjoner eller sportsscore, der dataene endres og oppdateres ofte for å vise. Automatisk å oppdatere siden kan gi brukerne den nyeste informasjonen uten å kreve at de skal oppdatere siden manuelt.

Dette innlegget vil beskrive metoden for å oppdatere siden etter hvert 30. sekund i JavaScript.

Hvordan du automatisk oppdaterer siden hvert 30. sekund ved hjelp av JavaScript?

For å automatisk oppdatere siden etter hvert 30. sekund, bruk følgende metoder:

  • “SetInterval ()” -metode
  • “Settimeout ()” -metode

Metode 1: Auto Refresh -side hvert 30. sekund ved å bruke “SetInterval ()” -metoden

Bruke "setInterval ()”Metode for automatisk forfriskende siden. Det er en innebygd JavaScript-metode som gjør det mulig å utføre en funksjon gjentatte ganger med et spesifisert intervall.

Syntaks
Følg den gitte syntaks for SetInterval () -metoden:

setInterval (funksjon, millisekunder);

Det tar to parametere, "funksjon”Skal henrettes og“tidsintervall”(I millisekunder) hvor du skal utføre funksjonen.

Eksempel
Ring "setInterval ()”Metode ved å passere en funksjon og tidsintervall, som er 30 sekunder i millisekunder”30000”. I funksjonen, ring "vindu.plassering.Last inn () på nytt”Metode for å laste inn siden på nytt:

setInterval (funksjon ()
vindu.plassering.Last inn (1);
varsel ("oppdatert");
, 30000);

Utgangen viser en varslingsmelding mens du oppdaterer siden etter 30 sekunder:

Metode 2: Auto Refresh -side hvert 30. sekund ved å bruke "Settimeout ()" -metode

En annen måte å oppdatere siden automatisk er å bruke “setTimeout ()”Metode. Det tillater utførelse av en funksjon etter en spesifisert forsinkelse/tid.

Syntaks
Bruk følgende syntaks for Settimeout () -metoden:

setTimeout (funksjon, millisekunder);

I likhet med SetInterval tar det også de to parametrene "funksjon”Og“tidsintervall”.

Eksempel
Ring Settimeout () ved å passere forsinkelsestid og en funksjon for å laste inn lastingssiden ved å bruke “plassering.Last inn (sant) på nytt)”:

setTimeout ("beliggenhet.Last inn (true); ", 30000);
varsel ("oppdatert");

Produksjon

Det handler om å oppdatere siden automatisk etter hvert 30. sekund.

Konklusjon

For å oppdatere siden automatisk etter 30 sekunder, bruk "setInterval ()”Metode eller“setTimeout ()”Metode. Begge metodene utfører den spesifiserte funksjonen innen en bestemt tidsperiode. Dette innlegget beskrev metoden for å oppdatere siden etter hvert 30. sekund i JavaScript.