その時々

その時々で違うんです。特に決まっていないんです。

ボールがぐるぐる回る 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>