Как сделать рефреш страницы на JavaScript.


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

Разумеется, делать это нужно на строго определенных страницах, не на каждой. Представьте, что вы читаете длинную статью, и вдруг страница начинает перезагружаться. Неудобство очевидно. Поэтому «рефреш» обычно устанавливают на страницах разделов со списком новостей.

Кстати, некоторые порталы таким образом искусственно увеличивают глубину просмотра своих страниц по данным официальной статистики, ведь чем больше глубина просмотра, тем более качественным считается ресурс среди рекламодателей.

Если вам для каких-то целей понадобилось внедрить подобную функцию на своем сайте, то вы можете сделать это очень легко. Сделать «рефреш» страницы можно на языке JavaScript, используя специальный метод reload(), относящийся к объекту location. Скрипт очень простой и выглядит так:

1
2
3
4
5
6
<script>
function fresh() {
    location.reload();
}
setInterval("fresh()",3000);
</script>

Его вы можете поместить в начале страницы между тегами <head> и </head>. Вызов функции fresh, которая собственно и обновляет страницу, происходит через определенный интервал времени, который вы задаете в качестве одного из параметров в выражении setInterval(). Здесь значение 3000 равно 3 секундам.





Другие посты

Категория: JavaScript для сайта

Комментарии (2)

 

  1. вуу:

    ReferenceError: fresh is not defined

    setInterval(«fresh()»,1000);

  2. blayt:

    Скрипт заработал только в таком виде:

    setInterval(function fresh() {
    location.reload();
    } , 3000);

Оставить комментарий