ボールがぐるぐる回る JavaScript
ボール画像がぐるぐる回るJavaScriptです。
サンプルは特に置いていません。
ボールをクリックすると止まります。
<html> <head> </head> <body> <script type="text/javascript"> var x = 200; var y = 200; var cnt = 1; var fl = true; var tim; function bclick(){ if (fl) { bmove(); } else { clearTimeout(tim); } fl = !fl; } function bmove(){ x = Math.cos(Math.PI * cnt / 10) * 100 + 200; y = Math.sin(Math.PI * cnt / 10) * 100 + 200; document.images[0].style.left=x; document.images[0].style.top=y; if (cnt>20) { cnt = 1; } cnt++; document.getElementById("status").innerHTML = cnt; tim = setTimeout("bmove()", 100); } </script> <img onclick="bclick();" src="ball.gif" name="ball" style="position:absolute;top:200px;left:300px;"> <span id="status">position</span> </body> </html>