Automatyczne odświeżanie strony

Czas czytania: < 1 minut

Prowadząc portal internetowy lub często aktualizowaną stronę gdzie nowy artykuł może pojawić się w ciągu kilku minut chcielibyśmy na bieżąco pojawiały się one np. na stronie głównej. Standardowo by odwiedzający witrynę dowiedział się o zmianie musi dokonać odświeżenia okna w przeglądarce – w tedy dopiero zobaczy jakie zmiany się pojawiły od poprzedniego wejścia.

Nie oznacza to wcale, że jesteśmy skazani na to aż nasz gość sam zaktualizuje witrynę – istnieje kilka metod, dzięki którym strona automatycznie (bez ingerencji użytkownika) odświeży się po określonym czasie.

Co znajdziesz w tym wpisie

HTML
<meta http-equiv="refresh" content="s">

Kod umieszczamy pomiędzy znacznikami

PHP
header('refresh: s;');

Kod umieszczamy pomiędzy znacznikami

JavaScript
<script type="text/javascript">
   window.setInterval(location.reload(true), s);
</script>

W tym wypadku możemy umieścić skrypt praktycznie w dowolnym miejscu.

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

W tym wypadku skrypt umieszczamy poniżej deklaracją biblioteki jquery.

W miejscu litery 's’ wpisujemy czas w sekundach (w przypadku języka JavaScript milisekundy – 1 sekunda = 1000 milisekund) po jakim ma nastąpić odświeżenie strony.

Źródła:
http://strefakodera.pl/tworzenie-stron-www/podrecznik-javascript/automatyczne-odswiezanie-strony-co-x-sekund
http://stackoverflow.com/questions/2787679/how-to-reload-page-every-5-second