数学模型之圆周运动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>数学模型之圆周运动</title>
<style type="text/css">
div{
	position:absolute;
	width:10px; height:10px; background:red;
}
</style>
</head>
<body>
<div id="o"></div>
<script type="text/javascript">
var t=0,v=0.1;
var o=document.getElementById('o');
setInterval(function(){
	t+=1;
	/*坐标公式:x0,y0为中心点,a,b分别为水平和垂直半径,当两者相等,运动轨迹是圆,否则就是椭圆了,t为时间线,加入v作为速度控制因子..
	x=x0+a*cos(t);
	y=y0+b*sin(t);
	*/
	x=300+200*Math.cos(t*v);
	y=300+200*Math.sin(t*v);
    	o.style.left=x+'px';
	o.style.top=y+'px';
},100);
</script>
</body>
</html>

 

你可能感兴趣的:(JavaScript,html,css,XHTML)