设计素描
图（1）
图（2）
代码如下：
小球的JS动画的旋转
div {宽度：20px；高度：20px；背景颜色：黑色；位置：绝对；边框1px solid红；边界半径：50%；}
VaR箱= document.getelementbyid（'box）；
框。样式。左=600；
箱。风格。=300px ；
Var n=0; / / the abscissa of the sine function, for a better understanding of time axis.
函数旋转（）
{
箱。风格。左=（600-math.sin（1 / 180）* 80）+ math.sin（n / 180）* 80 +PX； / / 300是球开始运动的初始位置，n代表时间轴，后者是除数细分时间，使运动更顺畅，和80个代表的半径。
箱。风格。=（300-math.cos（1 / 180）* 80）+ math.cos（n / 180）* 80 +PX； / /第一内容在括号中是让球在运动开始时的初始位置（300300）
Var Dr = document.createelement（'div）；
dr.style。左=（600-math.sin（1 / 180）* 80）+ math.sin（n / 180）* 80 +PX；
dr.style。=（300-math.cos（1 / 180）* 80）+ math.cos（n / 180）* 80 +PX；
document.body.appendchild（DR）；
氮+；
如果返回false（n > 180 * 2 *数学pi）；0到2π作为一个旋转周期，如果只有半圆，n的范围为一半，如果需要在相反方向旋转，可以改变左值和顶值。
setTimeout（旋转，1）；
}
旋转（）；
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！