AnimationUtil

安装

$ npm install animation-util --save

引用

import Timer from 'animation-util';

使用示例

var Timer = require('animation-util');

var block = document.querySelector('#block');

let timer = new Timer({
  duration: 500,
  easing: 'easeOutSine',
  onStart:(e)=>{
    console.log(e);
  },
  onRun: (e) => {
    block.style.webkitTransform = `translateX(${e.percent * 200}px)`;
  },
  onEnd: (e)=>{
    console.log(e)
  }
});

timer.run();

API说明

属性

名称	类型	默认值	描述
duration	Number	Infinity	动画周期(ms)
easing	String	linear	动画缓动函数
bezierArgs	Array	-	动画缓动函数(贝塞尔)

方法

名称	参数	返回值	描述
run	/	/	开始动画
stop	/	/	停止动画
onStart	/	开始动画
onRun	/	正在动画
onStop	/	正在中断
onEnd	/	结束动画