用js动画实现圆周运动

1.js定时器

setInterval()

setInterval()函数用于周期性地执行指定的代码块或函数。它接受两个参数：要执行的代码块或函数，以及执行之间的时间间隔（以毫秒为单位）。

以下是setInterval()函数的基本语法：

setInterval(code, delay);

• code：要执行的代码块或函数。可以是一个函数引用或一个直接的代码块。
• delay：执行之间的时间间隔（以毫秒为单位）。

clearInterval()可用来取消setInterval()定时器。

setInterval(()=>{
         if(x>=80){
             //到了终点，就取消定时器
             clearInterval(dsq)
        }
         x++,
         y=Math.sin(x)
         console.log(x,y)
         z.style.top=y*10+'em'
         z.style.left=x+'em'
     },33)

2.js数学

JavaScript 中提供了一些内置的数学函数和常量，可以用于执行各种数学操作。在下面 实现圆周运动所使用到的方式标识(!!!)

• Math.abs(x): 返回 x 的绝对值。
• Math.sqrt(x): 返回 x 的平方根。(!!!)
• Math.floor(x): 返回小于或等于 x 的最大整数。
• Math.ceil(x): 返回大于或等于 x 的最小整数。
• Math.round(x): 返回 x 最接近的整数。
• Math.min(x1, x2, ..., xn): 返回一组数中的最小值。
• Math.max(x1, x2, ..., xn): 返回一组数中的最大值。
• Math.random(): 返回一个介于 0（包括）和 1（不包括）之间的随机数。
• Math.pow(x, y): 返回 x 的 y 次幂。
• Math.e