'For Loop' problem

[pob327]

I am trying to cycle through an array slowly, but my code seems to execute then jump to the last value in the array. Why is that ?

<script language="JavaScript" type="text/javascript">
<!--
window.onload= fade;
var i;
var ids = new Array("one", "two", "three");

function fade()
{
for (i=0 ; i<3; i++)
document.getElementsByTagName("div")[0].id=ids[i]
setTimeout("fade()", 500);
}
//-->
</script>

 

[BillyRayPreachersSon]

You are running all 3 timers at roughly the same time, so you'd pretty much only see the first and last iterations.

Try this:

<script type="text/javascript">
<!--

	window.onload = fade;
	var i = 0;
	var ids = new Array("one", "two", "three");

	function fade() {
		document.getElementsByTagName('div')[0].id = ids[i++];
		setTimeout('fade();', 500);
	}

//-->
</script>

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

pob327,

Did that work for you? Was my post helpful?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[pob327]

yep, that worked. tx