<< location.href vs. location.replace - The Difference Between JavaScript Url Redirection Methods | JavaScript setTimeout Function - JavaScript Timing Events >>

November 16, 2007 by Blogging Developer

Time delay in url redirection may be useful for the following conditions:

Refresh a web page in every specified seconds.
For displaying an "Update you Bookmark" page when a page Url has ben changed.

The html and JavaScript code for url redirection with delay is given below:

<html>
<head>
<script type="text/javascript">
function delayedRedirect(){
window.location = "/default.aspx"
}
</script>
</head>
<body onLoad="setTimeout('delayedRedirect()', 3000)">
<h2>You'll be redirected soon!</h2>
</body>
</html>

The JavaScript function setTimeout is the most important part of the code given above. setTimeout function calls delayedRedirect function after 3 seconds (3000 miliseconds).

You may find the details of setTimeout() method in JavaScript setTimeout Function - JavaScript Timing Events

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 4.3 by 4 people

Currently 4.25/5 Stars.
1
2
3
4
5

Tag : javascript, settimeout, delayed redirect, url redirection

Categories : All | JavaScript

Actions : E-mail | Permalink | Comments(4) | Comment RSS

JavaScript Redirect - Url Redirection with Javascript

Redirecting visitors with Javascript can be achieved by one of the methods: location.href or location.replace.

Javascript Delayed Redirect

Time delay in url redirection may be useful for the following conditions: * Refresh a web page in every specified seconds. * For displaying an "Update you Bookmark" page when a page Url has ben changed.

JavaScript setTimeout Function - JavaScript Timing Events

JavaScript features a couple of methods that lets you run a piece of JavaScript code (javascript function) at some point in the future. These methods are: setTimeout() and setInterval() In this tutorial, I'll explain how setTimetout() method works, and give a real world example.

Comments

November 19. 2007 19:09

hi. what do you think of using the http meta tag to do the refresh?
of course setTImeout is more fine grained.

j to | Reply

November 21. 2007 05:20

For both scenarios (refreshing a page at a specified interval and redirecting), using the META tag is the better way to do this - if a browser has JavaScript turned off you will still get the desired effect with the META tag.

Jason Bunting | Reply

December 21. 2007 06:03

thanks, very usefull

jack | Reply

October 27. 2009 14:26

Hmmm interesting stuff

cash loans | Reply