js动画原理

 

 

 注意点：

1. 标签必须加定位才能使用动画
2. 获取元素的位置用的是offsetLeft   
3. 设置位置用的是 元素.style.left
4. 与位置有关的要加单位"px"
5. 动画实现的原理：通过定时器setInterval()不断的移动盒子距离位置
6. 停止动画的本质就是停止定时器  clearInterval() 

动画函数的封装：

 

 

 

缓动动画原理：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 动画函数添加回调函数