CODEWITHSUNDEEP
javascriptjquery
Wasim Shaikh
Wasim Shaikh

Reputation: 7030

How to reload page every 5 seconds?

I am converting one layout to html; once I make the changes in code/html/css, every time I have to hit F5. Is there any simple javascript/jQuery solution for this? I.e. after I add the script, reload the whole page every 5 seconds (or some other specific time).

Upvotes: 225

Views: 732696

Answers (11)

Quentin
Quentin

Reputation: 944451

setTimeout(function () { location.reload(1); }, 5000);

But as development tools go, you are probably better off with a tab reloading extension.

Upvotes: 18

object-Object
object-Object

Reputation: 1691

function reload() {
  document.location.reload();
}

setTimeout(reload, 5000);

Upvotes: 2

jAndy
jAndy

Reputation: 236162

 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

If it has to be in the script use setTimeout like:

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

Upvotes: 473

Shafiqul Islam
Shafiqul Islam

Reputation: 5690

For auto reload and clear cache after 3 second you can do it easily using javascript setInterval function. Here is simple code

$(document).ready(function() {
  setInterval(function() {
    cache_clear()
  }, 3000);
});

function cache_clear() {
  window.location.reload(true);
  // window.location.reload(); use this if you do not remove cache
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

and you can also use meta for this

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

Upvotes: 29

SeekLoad
SeekLoad

Reputation: 1089

This will work on 5 sec.

5000 milliseconds = 5 seconds

Use this with target _self or what ever you want and what ever page you want including itself:

<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 5000);
}
</script>
<body onload="load()">

Or this with automatic self and no target code with what ever page you want, including itself:

<script type="text/javascript">
function load()
{
setTimeout("location.href = 'http://YourPage.com';", 5000);
}
</script>
<body onload="load()">

Or this if it is the same page to reload itself only and targeted tow hat ever you want:

<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 5000);
}
</script>
<body onload="load()">

All 3 do similar things, just in different ways.

Upvotes: 3

NarendraSoni
NarendraSoni

Reputation: 2258

Answer provided by @jAndy should work but in Firefox you may face problem, window.location.reload(1); might not work, that's my personal experience.

So i would like to suggest:

setTimeout(function() { window.location=window.location;},5000);

This is tested and works fine.

Upvotes: 8

veksen
veksen

Reputation: 7003

Alternatively there's the application called LiveReload...

Upvotes: 3

Rid Iculous
Rid Iculous

Reputation: 3962

To reload the same page you don't need the 2nd argument. You can just use:

 <meta http-equiv="refresh" content="30" />

This triggers a reload every 30 seconds.

Upvotes: 187

Cheeso
Cheeso

Reputation: 192637

There's an automatic refresh-on-change tool for IE. It's called ReloadIt, and is available at http://reloadit.codeplex.com . Free.

You choose a URL that you'd like to auto-reload, and specify one or more directory paths to monitor for changes. Press F12 to start monitoring.

enter image description here

After you set it, minimize it. Then edit your content files. When you save any change, the page gets reloaded. like this:

enter image description here

Simple. easy.

Upvotes: 11

Veera
Veera

Reputation: 33192

If you are developing and testing in Firefox, there's a plug-in called "ReloadEvery" is available, which allows you to reload the page at the specified intervals.

Upvotes: 2

Dal Hundal
Dal Hundal

Reputation: 3324

A decent alternative if you're using firefox is the XRefresh plugin. It will reload your page everytime it detect the file has been modified. So rather than just refreshing every 5 seconds, it will just refresh when you hit save in your HTML editor.

Upvotes: 3

Related Questions