js之线性运动&抛物线运动&缓冲运动

// 定时器
setInterval()

// 清除定时器
clearInterval()

// 添加属性
setAttribute

// 获取属性
getAttribute

// 定时器以及参数设置
setTimeout()

// 可视区域的宽
clientWidth = document.documentElement.clientWidth || document.body.clientWidth

运动的步骤：

1、改变数据

left += 1

2、处理边界

if(left1 >= 600) {

  left1=600;

  window.clearInterval(定时器变量)

}

3、改变外观

匀速运动：

加速运动：

1、改变步长加速
2、改变时间间隔加速

抛物线：

抛物线是指平面内到一个顶点F和一条直线1距离相等的点的轨迹，这个顶点就是焦点，定直线就是抛物线

抛物线公式：

top1 = Math.sqrt(2 * p * left1) //（p为焦准距 p>0 ）
y^2 = 2px // 右开口抛物线
y^2 = -2px // 左开口抛物线
x^2 = 2py // 上开口抛物线
x^2 = -2py // 下开口抛物线

缓冲运动：

速度随着距离变化，速度=（目标位置-当前位置）/固定值

填坑：

1、必须对速度取整

2、速度大于0向上取整，速度小于0向下取整

圆周运动：

圆周运动实际是知道半径和圆心坐标，不断改变角度，并通过角度计。