错开-Stagger

错开执行一些动作

引入

import { stagger } from 'popmotion';

使用

stagger(actions: Action[], interval: number | (i: number) => number): Action

接受两个参数,第一个是一个动作数组,第二个是时间间隔

stagger([
  tween(),
  spring()
], 100)
stagger([
  tween(),
  spring()
], 100).start((values) => values.forEach((v = 0, i) => {
  console.log(v);
}))

上面的例子,先执行tween动画,100ms后再执行spring动画,

输出的内容是一个长度为2的数组,分别是tweenspring输出的值

方法

action

实例方法

stop

action