Omirion Posted February 13, 2010 Share Posted February 13, 2010 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? Link to comment https://forums.phpfreaks.com/topic/191957-animation-documentgetelementbyidstyle/ Share on other sites More sharing options...
yozyk Posted February 13, 2010 Share Posted February 13, 2010 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. Link to comment https://forums.phpfreaks.com/topic/191957-animation-documentgetelementbyidstyle/#findComment-1011776 Share on other sites More sharing options...
Omirion Posted February 13, 2010 Author Share Posted February 13, 2010 Thank you. Link to comment https://forums.phpfreaks.com/topic/191957-animation-documentgetelementbyidstyle/#findComment-1011792 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.