原生JS手写animate函数

1 animate动画需求说明

 1.1 animate函数，参数设定

•  params {dom} 要运动的元素
•  params {attr} 要运动的属性
•  params {target} 运动的目标位置
•  params {callback} 运动完成后的回调函数，可选

1.2 功能说明

1.  支持任意带px单位的属性运动，如 left top width marginLeft fontSize ...
2.  支持opacity的属性运动，范围0-100
3.  支持scrollLeft和scrollTop的属性运动
4. 支持一个元素依次执行多个运动
5.  支持一个元素同时执行多个属性的运动

1.3 要运动的属性的三个关键点

1.    属性名
2.    属性初始值
3.    属性目标值

2 手写animate函数-示例代码

function animate(options) {
 

  // 遍历options.attrs对象
  f