Lottie 播放接下来的 10 帧

Question

有没有办法在点击事件中播放接下来的 10 帧 lottie 动画？

此代码播放特定帧（帧 0-20）然后停止：

anim.playSegments([0,20],true);

但我想要一个按钮，每次单击它时播放接下来的 10 帧。我可以设置一个计数器，但不知道是否有更简单的方法。类似于：

anim.play([++10],true);

Answer 1

您可以创建一个变量 startFrame，然后使用它来记住从哪里开始下一帧并从那里开始播放接下来的 10 帧。只需在每次点击时将 startFrame 变量增加 10。

您的加载代码：

anim.playSegments([0,20],true);

在您的 onclick 回调范围外声明：

let startFrame = 20;

然后在点击回调里面：

anim.playSegments([startFrame,startFrame+=10],true);

编辑 我刚刚将 startFrame 初始值从 0 更改为 20，因为前 20 帧将在加载时播放。