错开-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的数组,分别是tween和spring输出的值
方法
同action
实例方法
stop
同action