円運動
●
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var flg = true;
var timerID;
function enn(){
if(flg){
timerID = setInterval("ennMove()",1);
bt.innerText = "停止";
flg = false;
}else{
clearInterval(timerID);
bt.innerText = "円運動開始";
flg = true;
}
}
var i = 1;
var r = 100; //円の半径
var cx = 150; //円の中心(x座標、Left位置)
var cy = 150; //円の中心(y座標、Top位置)
function ennMove(){
var raj = 2 * Math.PI * i/180; //ﾗｼﾞｱﾝ値
dv.style.pixelTop = cy + r*Math.sin(raj);
dv.style.pixelLeft = cx + r*Math.cos(raj);
i++;
}
//--></script>
</head>
<body>
<button id="bt" onclick="enn();">円運動開始</button>
<div id="dv" style="position:absolute;top:150;left:250;
width:30;height:30;font:26pt">
●</div>
end(最終更新:12/11/12)