web-dev-qa-db-fra.com

Comment recharger une page toutes les 5 secondes?

Je suis en train de convertir une mise en page en HTML; une fois que je fais les changements dans code/html/css, chaque fois que je dois appuyer sur F5. Existe-t-il une solution simple javascript/jQuery? C'est à dire. après avoir ajouté le script, rechargez la page entière toutes les 5 secondes (ou à un autre moment spécifique).

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

S'il doit figurer dans le script, utilisez setTimeout comme:

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

Pour recharger la même page, vous n'avez pas besoin du deuxième argument. Vous pouvez simplement utiliser:

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

Cela déclenche un rechargement toutes les 30 secondes.

130
Rid Iculous

Pour recharger automatiquement et vider le cache après 3 secondes, vous pouvez le faire facilement en utilisant la fonction javascript setInterval. Voici un code simple

$(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>

et vous pouvez aussi utiliser meta pour cela

<meta http-equiv="Refresh" content="5">
19
Shafiqul Islam
setTimeout(function () { location.reload(1); }, 5000);

Mais comme les outils de développement vont, vous êtes probablement mieux avec https://addons.mozilla.org/en-US/firefox/addon/115

12
Quentin

Il existe un outil d'actualisation automatique après modification pour IE. Il s'appelle ReloadIt et est disponible à l'adresse http://reloadit.codeplex.com . Libre.

Vous choisissez une URL que vous souhaitez recharger automatiquement et spécifiez un ou plusieurs chemins de répertoire pour surveiller les modifications. Appuyez sur F12 pour lancer la surveillance.

enter image description here

Après l'avoir défini, minimisez-le. Ensuite, éditez vos fichiers de contenu. Lorsque vous enregistrez une modification, la page est rechargée. comme ça:

enter image description here

Facile. facile.

10
Cheeso

La réponse fournie par @jAndy devrait fonctionner, mais dans Firefox vous pouvez être confronté à un problème, window.location.reload ( 1); pourrait ne pas fonctionner, c'est mon expérience personnelle.

Je voudrais donc suggérer:

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

Ceci est testé et fonctionne bien.

5
NarendraSoni

Sinon, il y a l'application appelée LiveReload ...

3
veksen

Une alternative décente si vous utilisez Firefox est le plugin XRefresh . Il rechargera votre page chaque fois qu'il détectera que le fichier a été modifié. Ainsi, plutôt que de simplement actualiser toutes les 5 secondes, il sera simplement actualisé lorsque vous cliquerez sur Enregistrer dans votre éditeur HTML.

3
Dal Hundal

Si vous développez et testez dans Firefox, un plug-in appelé " ReloadEvery " est disponible, ce qui vous permet de recharger la page à des intervalles spécifiés.

2
Veera
function reload() {
  document.location.reload();
}

setTimeout(reload, 5000);
1
GameMaster1928

Cela fonctionnera pendant 5 secondes.

5000 millisecondes = 5 secondes

tilisez ceci avec la cible _self ou ce que vous voulez et la page de votre choix, y compris:

<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 5000);
}
</script>
<body onload="load()">

Ou ceci avec auto self et pas de code cible avec la page que vous voulez, y compris:

<script type="text/javascript">
function load()
{
setTimeout("location.href = 'http://YourPage.com';", 5000);
}
</script>
<body onload="load()">

Ou ceci s'il s'agit de la même page à ne recharger que si vous le souhaitez:

<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 5000);
}
</script>
<body onload="load()">

Tous les 3 font des choses similaires, mais de différentes manières.

1
SeekLoad