BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Автоматическое обновление страницы браузера на HTML, PHP и JavaScript

Автоматическое обновление страницы браузера на HTML, PHP и JavaScript

2015-04-15 / Вр:11:45 / просмотров: 29169

В сегодняшней статье я расскажу, как сделать автоматическое обновление страницы браузера на HTML, PHP и JavaScript.
Посчитал, что эта статья будет для вас полезной, так как недавно я разрабатывал один скрипт на php, где автоматическое обновление страницы браузера было просто необходимо. Я думаю, вы разберетесь, для чего вам нужна эта фишка с автоматическим обновлением браузера.

Теперь переходим к самому коду.

Автоматическое обновление страницы браузера на HTML

Чтобы автоматически обновлялась страница в браузере, на HTML страницах используют специальный мета-тег:

<meta http-equiv="Refresh" content="15" />

15 – это число, обозначающее время, через которое должна автоматически обновиться веб-страница (в секундах). Можете попробовать задать свое время, только в секундах.

Полный готовый код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://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"
"http://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"
"http://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 секунд.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

13 Ответов на комментарий - Автоматическое обновление страницы браузера на HTML, PHP и JavaScript

  1. Арман

    а можно ли сделать подобное обновление, только чтобы оно было однократным а не циклическим? очень нужно=) нигде не могу найти ответ, буду очень признателен, если вы мне поможете.

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Если я вас правильно понял, вам нужно автоматическое обновление страницы раз в сутки? Если да, то попробуйте поставить не 15 секунд, а 86400

    Ответить

    Александр отвечает:

    Нет мне нужно что б зайдя на сайт он один раз обновился а следующий раз он обновился когда в следующий раз зайти на сайт.

    Ответить

  2. Слава

    Спасибо большое!
    Пожалуйста поясните, какой способ лучше выбрать для сайта на PHP+mysql?
    Может быть какой-то способ больше грузит сервер?
    Разница между типом обновлений точно есть, хотелось бы разобраться.
    Спасибо

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте, Слава! Я не думаю, что из этих указанных кодов грузят сервер. Выбираете любой код!
    Лично я пользуюсь HTML-овским:

    <meta http-equiv="Refresh" content="15" />

    Ответить

  3. Александр

    Нужно после того как зашол пользователь на сайт страница один раз обновилась и больше не обновлялась до следующего захода. Это возможно?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    А смысл? Когда пользователь зайдет на сайт, вот и обновилась Ваша веб страница один раз до следующего захода.

    Ответить

    Рома отвечает:

    Добрый вечер. мне тоже что та на подобие нужно чтобы только при заходе пользователя сработал, это нужно чтобы обновить плейлист в одном файле html. Если это не возможно таким путем, то можете помочь с кодом, в которую нужно внести изменения чтобы он обновлялся при открытии сайта.

    Пробовал в концу по подсказкам поставить location.reload(true) , но помогло на половину, страница обновилась после выбора серии. Может нужно в другое место переместить этот код чтобы сработал в начале открытия страницы?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Попробуйте вот так:
    Решил сделать вот так:

    <script>
    function scr() {
    	location.reload();
    }
    window.setInterval(scr, 5000);
    </script>
    <iframe id="wind4" name="wind4" src="http://bloggood.ru/"></iframe>
    

    bloggood.ru – это страница или скрипт который нужно обновить

    Ответить

  4. Игорь

    А как сделать что бы обновлялась страница если пользователь в браузере нажал “назад”. И та страница на которую он вернулся, обновилась?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Зачем, не могу понять смысла.

    Ответить

    Игорь отвечает:

    Собственно, дано wp+woo
    на сайте товары не предусматривают мультивыбора. То есть товаров много, но если мы выбрали 1, другой покупать нету смысла, товары- информация полученная по методу post. Есть авто очистка корзины при переходе с checkout. Но если с checkout нажать назад(back), и выбрать другой товар, то в корзине будет 2 товара. (задумывалось же что будет 1)
    Если нажать back и обновить страницу, то товар в корзине будет 1.
    Собственно и проблема, как сделать что бы после нажатия кнопки back страница на которую перешли обновлялась (что бы убить текущий товар в корзине)

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Я так понял, товар удаляется, если нажать на checkout.
    Вы можете сделать, что при нажатии на checkout, обновляется сразу страничка и товар удаляется.
    Почитайте статью “Как запустить форму без нажатия кнопки «отправить»”

    Ответить

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , , , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 784
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4327