原生JS实现圆周运动
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生JS实现圆周运动相关的知识，希望对你有一定的参考价值。
<body>
<div id="ball" style="width:20px; height:20px; background:red; border-radius:50%; position:absolute; left:0; top:80px;"></div>
<script>
var ball = document.getElementById("ball");
var radian = 0.1;
var x = 0;
var y = 0;
document.onmousemove = function(e){
e = e || event;
x = e.clientX;
y = e.clientY;
}
var timer1 = setInterval(function(){
ball.style.left = x + Math.cos(radian) * 80 + "px";
ball.style.top = y + Math.sin(radian) * 80 + "px";
radian+=0.1;
},20);
</script>
</body>
以上是关于原生JS实现圆周运动的主要内容，如果未能解决你的问题，请参考以下文章