Как перезагрузить страницу каждые 5 секунд?

Я конвертирую один макет в html; как только я делаю изменения в коде /html/css, каждый раз, когда я должен ударить F5. Есть ли какое-нибудь простое решение javascript/jQuery для этого? То есть после добавления script, перезагрузите всю страницу каждые 5 секунд (или какое-то другое определенное время).

Ответы

Ответ 1

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

Если в скрипте должно быть указано значение setTimeout:

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

Ответ 2

Чтобы перезагрузить ту же страницу, вам не нужен второй аргумент. Вы можете просто использовать:

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

Это вызывает перезагрузку каждые 30 секунд.

Ответ 3

Для автоматической перезагрузки и очистки кеша через 3 секунды вы можете легко выполнить функцию javascript setInterval. Вот простой код

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

Ответ 4

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

Но по мере того как инструменты разработки идут, вам, вероятно, будет лучше с https://addons.mozilla.org/en-US/firefox/addon/115

Ответ 5

В IE есть средство автоматического обновления для изменения. Он называется ReloadIt и доступен в http://reloadit.codeplex.com. Свободно.

Вы выбираете URL-адрес, который вы хотите автоматически перезагрузить, и укажите один или несколько путей к каталогам для мониторинга изменений. Нажмите F12, чтобы начать мониторинг.

enter image description here

После того, как вы установите его, сверните его. Затем отредактируйте свои файлы содержимого. Когда вы сохраняете какие-либо изменения, страница перезагружается. например:

enter image description here

Simple. легко.

Ответ 6

Ответ, предоставленный @jAndy, должен работать, но в Firefox может возникнуть проблема, window.location.reload(1); может не работать, что мой личный опыт.

Поэтому я хотел бы предложить:

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

Это проверено и работает нормально.

Ответ 7

Хорошей альтернативой, если вы используете firefox, является плагин XRefresh. Он будет перезагружать вашу страницу каждый раз, когда обнаруживает, что файл был изменен. Поэтому, вместо того, чтобы просто обновлять каждые 5 секунд, он просто обновляется, когда вы нажимаете "Сохранить" в своем HTML-редакторе.

Ответ 8

В качестве альтернативы приложение, называемое LiveReload...

Ответ 9

Если вы разрабатываете и тестируете в Firefox, есть плагин под названием " ReloadEvery", который позволяет перезагрузить страницы с указанными интервалами.

Ответ 10

Это будет работать в течение 5 секунд.

5000 миллисекунд = 5 секунд

Используйте это с целевым _self или тем, что вы хотите, и какую бы страницу вы ни хотели, включая себя:

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

Или это с автоматическим "я" и без целевого кода с любой желаемой страницей, включая себя:

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

Или, если это одна и та же страница, чтобы перезагрузить себя и только целевую бушующую шляпу:

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

Все 3 делают подобные вещи по-разному.

Ответ 11

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

setTimeout(reload, 5000);