В сегодняшней статье я расскажу, как сделать автоматическое обновление страницы браузера на HTML, PHP и JavaScript.
Посчитал, что эта статья будет для вас полезной, так как недавно я разрабатывал один скрипт на php, где автоматическое обновление страницы браузера было просто необходимо. Я думаю, вы разберетесь, для чего вам нужна эта фишка с автоматическим обновлением браузера.
Теперь переходим к самому коду.
○ Автоматическое обновление страницы браузера на HTML
Чтобы автоматически обновлялась страница в браузере, на HTML страницах используют специальный мета-тег:
<meta http-equiv="Refresh" content="15" />
15 – это число, обозначающее время, через которое должна автоматически обновиться веб-страница (в секундах). Можете попробовать задать свое время, только в секундах.
Полный готовый код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Refresh" content="15" /> <title>Автоматическое обновление страницы браузера на HTML (bloggood.ru)</title> </head> <body> Текст страницы, таблицы, картинки, музыка и видео. </body> </html>
В результате, веб-страничка автоматически обновится через 15 секунд.
○ Автоматическое обновление страницы браузера на PHP
Чтобы автоматически обновлялась страница в браузере, на PHP страницах используют вот такой код:
<?php header('refresh: 15'); ?>
15 – это секунды, через которые должна обновиться веб-страница. Я этот код устанавливаю в самом верху перед началом открытия html документа.
Полный готовый код:
<?php header('refresh: 15'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Автоматическое обновление страницы браузера на PHP (bloggood.ru)</title>
</head>
<body>
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>
В результате, веб-страничка автоматически обновится через 15 секунд.
○ Автоматическое обновление страницы браузера на JavaScript
Чтобы автоматически обновлялась страница в браузере, на JavaScript есть вот такой скрипт:
<script>
setTimeout(function(){
location.reload();
}, 15000);
</script>
15000 – это миллисекунды, через которые должна обновиться веб-страница. Еще раз обращаю ваше внимание на время в миллисекундах, а не в секундах.
К сведенью: 1 секунда = 1000 миллисекунд.
Значит, 15 000 миллисекунд = 15 секунд.
Этот скрипт вставляют в html документ перед закрывающим тегом </head>
Полный готовый код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Автоматическое обновление страницы браузера на JavaScript (bloggood.ru)</title>
<script>
setTimeout(function(){
location.reload();
}, 15000);
</script>
</head>
<body>
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>
В результате, веб-страничка автоматически обновится через 15 секунд.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Как вытащить любое значение с атрибута – JS
Сайт пока не может обработать этот запрос HTTP ERROR 500
Всплывающее окно (Модальное окно) на CSS при клике по ссылке или через указанное время
Как получить значение ID при клике по слову?Похожие статьи
Как подогнать картинку под размер экрана с помощью CSS
Input color в HTML5
Скрипт сколько дней я не курю или не пью. Счетчик на javascript
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330330 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274683 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222437 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187488 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186559
22 Ответов на комментарий - Автоматическое обновление страницы браузера на HTML, PHP и JavaScript
Добавить комментарий
Метки: html, javascript, php, Вебмастеру, для сайта
а можно ли сделать подобное обновление, только чтобы оно было однократным а не циклическим? очень нужно=) нигде не могу найти ответ, буду очень признателен, если вы мне поможете.
Если я вас правильно понял, вам нужно автоматическое обновление страницы раз в сутки? Если да, то попробуйте поставить не 15 секунд, а 86400
Спасибо большое!
Пожалуйста поясните, какой способ лучше выбрать для сайта на PHP+mysql?
Может быть какой-то способ больше грузит сервер?
Разница между типом обновлений точно есть, хотелось бы разобраться.
Спасибо
Здравствуйте, Слава! Я не думаю, что из этих указанных кодов грузят сервер. Выбираете любой код!
Лично я пользуюсь HTML-овским:
Нужно после того как зашол пользователь на сайт страница один раз обновилась и больше не обновлялась до следующего захода. Это возможно?
А смысл? Когда пользователь зайдет на сайт, вот и обновилась Ваша веб страница один раз до следующего захода.
Нет мне нужно что б зайдя на сайт он один раз обновился а следующий раз он обновился когда в следующий раз зайти на сайт.
Добрый вечер. мне тоже что та на подобие нужно чтобы только при заходе пользователя сработал, это нужно чтобы обновить плейлист в одном файле html. Если это не возможно таким путем, то можете помочь с кодом, в которую нужно внести изменения чтобы он обновлялся при открытии сайта.
Пробовал в концу по подсказкам поставить location.reload(true) , но помогло на половину, страница обновилась после выбора серии. Может нужно в другое место переместить этот код чтобы сработал в начале открытия страницы?
Попробуйте вот так:
Решил сделать вот так:
<script> function scr() { location.reload(); } window.setInterval(scr, 5000); </script> <iframe id="wind4" name="wind4" src="https://bloggood.ru/"></iframe>bloggood.ru – это страница или скрипт который нужно обновить
А как сделать что бы обновлялась страница если пользователь в браузере нажал “назад”. И та страница на которую он вернулся, обновилась?
Зачем, не могу понять смысла.
Собственно, дано wp+woo
на сайте товары не предусматривают мультивыбора. То есть товаров много, но если мы выбрали 1, другой покупать нету смысла, товары- информация полученная по методу post. Есть авто очистка корзины при переходе с checkout. Но если с checkout нажать назад(back), и выбрать другой товар, то в корзине будет 2 товара. (задумывалось же что будет 1)
Если нажать back и обновить страницу, то товар в корзине будет 1.
Собственно и проблема, как сделать что бы после нажатия кнопки back страница на которую перешли обновлялась (что бы убить текущий товар в корзине)
Я так понял, товар удаляется, если нажать на checkout.
Вы можете сделать, что при нажатии на checkout, обновляется сразу страничка и товар удаляется.
Почитайте статью “Как запустить форму без нажатия кнопки «отправить»”
а как сделать чтобы обновлялось не по времени а при клике
<head> <title>Автоматическое обновление страницы браузера на JavaScript (bloggood.ru)</title> <script> setTimeout(function(){ location.reload(); }, ); </script> </head>Вам наверное будет интересно почитать статью на эту же тему.
Рекомендую “События HTML5“
Возможно ли обновить страницу тогда, когда на ней появилась новая информация?
Я думаю, что можно.
Доброго дня!
А как сделать, что-бы, при событии публикации нового сообщения, обновлялся виджет “сообщения блога” в блоггере?
Т.е. фактически, перезагружать всю страницу смысла ведь нет?
Ну вот как например, делается, в тех же мессенджерах, например, в каналах телеграм или в чатах, сообщения и посты появляются…хм..
Помогите разобраться!
Спасибо!
Здравствуйте!
Мой совет, если хотите такое смастерить, то без знания программирования ничего не выйдет.
Почитайте про ajax.
AJAX, Ajax (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.
ну так он и так будет обновляться каждый раз как заходишь
а ты хочешь смастерить Facebook? нет проблем! изучи html, css, javascript, php, кучу фреймворков и библиотек и вперёд!
Хочу обновлять вот такой php код,
$url = ('https://visit-box.net'); include 'simple_html_dom.php'; function request($url,$post = 0){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url ); // отправляем на curl_setopt($ch, CURLOPT_HEADER, 0); // пустые заголовки curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); // возвратить то что вернул сервер curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); // следовать за редиректами curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30);// таймаут4 curl_setopt ($ch, CURLOPT_SSL_VERIFYPEER, 0); // Не проверять SSL сертификат curl_setopt ($ch, CURLOPT_SSL_VERIFYHOST, 0); // Не проверять Host SSL сертификата curl_setopt($ch, CURLOPT_COOKIEJAR, dirname(__FILE__).'/cookie.txt'); // сохранять куки в файл curl_setopt($ch, CURLOPT_COOKIEFILE, dirname(__FILE__).'/cookie.txt'); curl_setopt($ch, CURLOPT_POST, $post!==0 ); // использовать данные в post if($post) curl_setopt($ch, CURLOPT_POSTFIELDS, $post); $data = curl_exec($ch); curl_close($ch); return $data; } $html = file_get_html($url); echo $html;То есть чтобы и сам
через такое же время подставлял из базы или файла разные адреса.
Тут наверное понадобится какая то синхронизация.