Lottie 播放接下来的 10 帧答案

【问题标题】：Lottie play the next 10 frameLottie 播放接下来的 10 帧
【发布时间】：2021-05-11 01:19:50
【问题描述】：

有没有办法在点击事件上播放彩票动画的下 10 帧？

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

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

但我想要一个按钮在每次单击时播放接下来的 10 帧。我可以设置一个柜台，但不知道是否有更简单的方法。比如：

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

【问题讨论】：

嘿@Rj336，欢迎使用stackoverflow。您能否详细说明第一次是否真的需要这些 20 片段，如下所示：anim.playSegments([0,20],true); 或者只是为了说明该方法的使用，您只需要从第一次开始每次点击的 10 个连续帧10 点？
嗨！谢谢！我在这里得到了很多其他问题的答案……但找不到这个。感谢您的帮助！这是正确的。动画在加载时播放 20 帧，然后我希望它在每次单击按钮时播放下一个（连续）10 帧。
那么我认为您可以对我在下面给出的答案稍作修改。你能自己做还是我应该编辑我的答案？

【解决方案1】：

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

您的加载代码：

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

在你的 onclick 回调范围之外声明这个：

let startFrame = 20;

然后在点击回调里面：

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

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

【讨论】：