Code Snippet Help

smurfed · 02-28-2011, 08:52 AM

DaveyErwin · 02-28-2011, 10:47 AM

Not exactly sure what you want but,
see if this helps any ...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

<title>CountDown</title>

<script type="text/javascript">
var dspl;
function countdown (num) {	
	setTimeout(function () {
		dspl.innerHTML=num;
		num -= 1;
		if(num > 0){
			countdown (num)
		}
		
	},1000);		
}
function init(){
	dspl = document.getElementById("dspl");
	countdown(5);
}
</script>


</head>

<body onload="init()">
  <div id=dspl>    xxxx</div>
</body>
</html>

venegal · 02-28-2011, 10:52 AM

What happens is this:

1.) The countdown function is called
2.) A bunch of timeouts are set in a loop
3.) At the end of the loop, i equals num + 1
4.) The timeouts start firing. The current values of the variables num and i are still available to the timeout handler because of closures (you might want to look into that). Since the value if i is num + 1, the alert gives you -1.

You obviously want the timeout handler to remember the value of i at the time the handler is defined. I recently wrote up a few ways to accomplish that in another thread: http://www.codingforums.com/showthre...07#post1057805.

I'm sure you'll be able to adapt that to your situation.