Javascript function to reload a page every X seconds?

Question

A couple of questions:

I've never really used JS listeners other than onclick and onkey events, so I wondered if someone could help me with what I need in order to reload the page every X seconds?
Secondly, the page contains bare minimum, literally just one input box. Do I still need to include the html head and body?

possible duplicate: http://stackoverflow.com/questions/2787679/how-to-reload-page-every-5-second — ITroubs, Oct 21 '10 at 22:07

score 41 · Accepted Answer · answered Oct 21 '10 at 22:06

41

You don't need Javascript for this simple function. Add in the page header:

<meta http-equiv="Refresh" content="300">

300 is the number of seconds in this example.

answered Oct 21 '10 at 22:06

Greg Hewgill

890,778
177
1,125
1,260

Nice! Js have tendency to stop working untill you reload page yourselt. Will test this. – baron_bartek Jun 13 '19 at 10:02

score 31 · Answer 2 · edited Dec 23 '14 at 05:09

31

To reload the page after 5 seconds (5000 milliseconds) using JavaScript, add the following to the bottom of the page:

<script type="text/javascript">
  setTimeout(function () { location.reload(true); }, 5000);
</script>

As Greg Hewgill notes, you can also accomplish this with the meta refresh tag:

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

Strictly speaking, you do still need <html> and <body> tags. Some browsers may render the page correctly without them, but your are safest to include them.

edited Dec 23 '14 at 05:09

Serge Stroobandt

24,143
8
98
91

answered Oct 21 '10 at 22:07

pkaeding

34,628
30
98
139

The java script option gives me an error: `Uncaught ReferenceError: settimeout is not defined ` – Zapnologica Feb 28 '14 at 07:35
1

@Zapnologica: the second 't' in `setTimeout` is capitalized. – pkaeding Mar 02 '14 at 23:33
Very important that if you want it to refresh every X seconds, you will need to use the setInterval(function(){}, X); not setTimeout(), where the anonymous function in setInterval is run every X miliseconds – namore Nov 20 '19 at 17:19

score 2 · Answer 3 · answered Oct 21 '10 at 22:07

2

use a timer: http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/ and usee ajax to reload if it is dynamic

answered Oct 21 '10 at 22:07

Bart

4,570
16
46
66

score 0 · Answer 4 · answered Oct 21 '10 at 22:07

To your second question, ye you definitely do!!

Toy your first question check this out:

http://www.javascriptkit.com/script/script2/autofresh.shtml

Or this to do it without javascript:

http://webdesign.about.com/od/metataglibraries/a/aa080300a.htm

It does what you asked and is very easy to configure!

Javascript function to reload a page every X seconds?

4 Answers4

Linked