'Javascript function to reload a page every X seconds?

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?

javascripthtmlsyntax


Solution 1:[1]

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.

Solution 2:[2]

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.

Solution 3:[3]

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

Solution 4:[4]

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!

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Greg Hewgill
Solution 2 Serge Stroobandt
Solution 3 Bart
Solution 4 Trufa

Related Questions