javascript - Hvordan laste siden på nytt hvert 5. sekund?

Jeg konverterer ett oppsett til HTML; når jeg gjør endringer i kode/html/css, må jeg hver gang trykke F5. Finnes det noen enkel JavaScript/jQuery-løsning for dette? Det vil si, etter at jeg legger til scriptet, laste hele siden på nytt hvert 5. sekund (eller en annen spesifikk tid).

Svar #1

 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

Hvis det må være i skriptet, bruk setTimeout som:

setTimeout(function(){
   window.location.reload(1);
}, 5000);

Svar #2

For å laste inn den samme siden på nytt, trenger du ikke det andre argumentet. Du kan bare bruke:

 <meta http-equiv="refresh" content="30" />

Dette utløser en oppdatering hvert 30. sekund.

Svar #3

For automatisk oppdatering og å tømme hurtigbufferen etter 3 sekunder kan du enkelt gjøre det ved å bruke JavaScript setInterval-funksjonen. Her er enkel kode

$(document).ready(function() {
  setInterval(function() {
    cache_clear()
  }, 3000);
});

function cache_clear() {
  window.location.reload(true);
  // window.location.reload(); use this if you do not remove cache
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

og du kan også bruke meta for dette

<meta http-equiv="Refresh" content="5">

Svar #4

setTimeout(function () { location.reload(1); }, 5000);

Men når det kommer til utviklingsverktøy, har du sannsynligvis bedre av en utvidelse som laster om faner.

Svar #5

Det finnes et verktøy for automatisk oppdatering ved endring for IE. Det heter ReloadIt, og er tilgjengelig på http://reloadit.codeplex.com. Gratis.

Du velger en URL som du ønsker å auto-oppdatere, og spesifiserer en eller flere katalogstier for å overvåke for endringer. Trykk F12 for å starte overvåkingen.

Etter at du har satt det, minimer det. Rediger deretter innholdsfilene dine. Når du lagrer en endring, blir siden lastet på nytt. Slik:

Enkelt. Lett.

Relaterte artikler