基本信息
源码名称：js转动的圆圈示例源码
源码大小：1.10KB
文件格式：.html
开发语言：js
更新时间：2018-01-18
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>预习</title>
	<style type="text/css" media="screen">
		*{
			margin: 0 auto;
			padding: 0 auto;
		}
		#siles{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			position: relative;
			margin: 200px auto;
		}
	</style>
</head>
<body>
	<div id="siles">
		
	</div>
	<script type="text/javascript">
	var siles=document.getElementById("siles");
	var i=0;
	setInterval(function(){
			i  ;
			var x=Math.cos(i*Math.PI/180)*100;
			var y=Math.sin(i*Math.PI/180)*100;
			siles.style.left=x 'px';
			siles.style.top=y 'px';
		},10);
            var timer=null;
            function dinshiqi(){
            	for (var i = 0; i < 10; i  ) {
		var r=Math.floor(Math.random()*256);//0-255
		var g=Math.floor(Math.random()*256);//0-255
		var b=Math.floor(Math.random()*256);//0-255
		siles.style.background='rgb(' r ',' g ',' b ')';
	};
            };
           timer = setInterval(dinshiqi,100);
 
	</script>
	<script type="text/javascript">
    var Now=new Date();
    alert(Now);
	</script>
</body>
</html>