Animation - document.getElementById.style

[Omirion]

Hi,

Currently experimenting with animation using JavaScript.

This is my code.

 

<script language="JavaScript" type="text/javascript">
var moo = 200;

function Change()
{
while(moo>100){
document.getElementById("test").style.left = moo;
    moo--;
}
}

</script>

 

The problem is it isn't animating and just going to x=100.

Any ideas on how i can get a sort of tween animation out of this.

 

Like say have the loop run every 10ms until it reaches x=100?

[yozyk]

You need use setInterval or recursion

 

<script type="text/javascript">
var moo = 200;
function Change() {
  if(--moo < 100) return
  document.getElementById("test").style.left = moo +'px';
  setTimeout(arguments.callee, 100)
}
Change()
</script>

 

 

 

<script language="JavaScript" type="text/javascript">

«language» is depricated attribute.

[Omirion]

Thank you.