放物線運動(半正円)
●
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var i = 45; //時計で9時の位置から開始
var cy = 200; //円の中心(y座標、Top位置)
var r,cx; //円の半径、円の中心(x座標、Left位置)
var flg = true;
var timerID;
function enn(n){
if(n == 1){ //"近くへ放る"場合
r = 50;
cx = 100;
}else if(n == 2){ //"標準の距離に放る"場合
r = 100;
cx = 150;
}else if(n == 3){ //"遠くへ放る"場合
r = 150;
cx = 200;
}
if(flg){
timerID = setInterval("ennMove()",1);
flg = false;
}
}
function ennMove(){
var raj = 2 * Math.PI * i/90; //ﾗｼﾞｱﾝ値の計算
dv.style.pixelTop = cy + r*Math.sin(raj);
dv.style.pixelLeft = cx + r*Math.cos(raj);
i++;
if(i >= 90){ //右に達したら停止
clearInterval(timerID);
i = 45; //初期値に戻す
flg = true;
}
}
//--></script>
</head>
<body>
<button onclick="enn(1);">近くへ放る</button>
<button onclick="enn(2);">標準の距離に放る</button>
<button onclick="enn(3);">遠くへ放る</button>
<div id="dv" style="position:absolute;top:200;left:50;
width:30;height:30;font:20pt">●</div>
end(最終更新:12/11/12)