[SOLVED] setInterval increments into oblivion -- make it stop!

[michaellunsford]

I've been hacking on this for three hours and I just can't get it to work. The problem is the variable myaye increments into oblivion instead of stopping at 100. Any idea how to get it to stop?

 

var myinterval22=setInterval('if(myaye++ <= 100) { document.getElementById(\'slider\').style.height=myaye+"px"; } else { clearInterval(myinterval22); }',10);

[phpQuestioner]

 

do it like this:

 

<script language="javascript">
var myaye = 0;
function begin()
{
myaye=myaye+1;
if (myaye <= 100) {
document.getElementById('slider').style.height= myaye + "px"; 
}
setTimeout("begin()", 10);
}
function step()
{
setTimeout("begin()", 10);
}
window.onload=function() {
step();
}
</script>

<div id="slider" style="border:solid 1px black;width:100px">

</div>

[michaellunsford]

How odd. Spreading it out does seem to work better. Wonder why that is?