Redirect Script.

RossC0 · #1 (**permalink**) 02-09-05, 10:41 AM

Hi,

I googled but no joy! I'm looking for a redirect script that redirects a page after 5 seconds.

Also on the page I want it to update how many seconds are left before redirection.

So far I've got:

Code:

// Redirect constructor:
function Redirect( url ) {
  if ( url ) {
	var secs = 5;
	for (i = 0; i <= secs; i++)
	{
		var secondsLeft = secs - i;
		setTimeout("timeLeft("+secondsLeft+")",1000);
	}
	window.location.replace(url);
  }
} 

// Change The Time Left Message.
function timeLeft(secondsLeft) {
	document.getElementById('seconds').innerHTML = secondsLeft;
}

Which does the redirect fine - but it doesn't update the seconds as it loops and seems to be faster than 5 seconds!

If I chuck an alert in it does update the seconds as it goes along...

Any ideas ?

TwoD · #2 (**permalink**) 02-09-05, 12:29 PM

You are starting multiple "threads" with the setTimeout since you call it 5 times in a row using the loop. All those timeouts will be running simultaneously, which means that they'll all try to change the text in the box at the same time, not a good thing.

Code:

<head>
<script>
function Redirect(secondsLeft,url) {
	document.getElementById('seconds').innerHTML = secondsLeft;
	if(secondsLeft>0){
		setTimeout("Redirect("+secondsLeft+","+url+")",1000);
	}
	else{
		window.location.replace(url);
	}
}
</script>
</head>
<body onload="Redirect(5,'http://www.google.com')">

Try this instead. It won't call the setTimeout again before the last one has ended.
You could also modify the script a bit and call myTimer=setInterval("Redirect(5,'www.google.com')" ,1000) instead (just once though!) and use clearInterval(myTimer) when it has been run five times. But that is not needed here.

RossC0 · #3 (**permalink**) 02-10-05, 06:02 AM

Thanks!

I thought it was doing each process at the same time!

Excellent stuff one slight modification and I was away!

Final code for all those who want it!

Code:

// Redirect constructor:
function Redirect(secondsLeft,url) {
	document.getElementById('seconds').innerHTML = secondsLeft;
	secondsLeft = secondsLeft - 1;
	if(secondsLeft>0){
		setTimeout("Redirect("+secondsLeft+",'"+url+"')",1000);
	}
	else{
		window.location.replace(url);
	}
}