2010-05-07 5 views
129

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

ответ

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

Если он должен быть в использовании сценария SetTimeout нравится:

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

Я думаю, что это, вероятно, лучший способ сделать это, чем в javascript. – Rich

+0

утвердительный .... – jAndy

+1

Если бы прецедентом было, что страница необходима для обновления для посетителей, то я могу согласиться, но для целей развития, имея блок кода, который вы можете зайти на страницу без необходимости обновлять URI каждый раз является преимуществом. В зависимости от JS это не проблема, когда разработчик является целевой аудиторией. – Quentin

3

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

2

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

+0

Да, я использовал это. но js/html будет в порядке. –

11

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

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

enter image description here

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

enter image description here

Simple. легко.

+2

Хороший инструмент для IE, и спасибо за анимированную вещь. Как я могу создать то же самое? –

103

Для повторной загрузки одной и той же страницы вам не нужен второй аргумент. Вы можете просто использовать:

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

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

+0

Это тоже устарело. –

+2

Это [обескураживает, когда используется для перенаправления] (https://www.w3.org/QA/Tips/reback). Он не устарел. (И это очень удобно, когда вы хотите обновить страницу и слишком ленивы, чтобы изучить ajax :) – DinoCoderSaurus

3

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

15

Для автоматической перезагрузки и очистить кэш через 3 секунды вы можете сделать это легко с помощью яваскрипта 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>

, и вы также можете использовать мету для этого

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

Его работа ... Спасибо – FAT

+0

Обновление страницы

Смежные вопросы