在动画中添加播放/暂停

Adding play/pause in animation

本文关键字：暂停 播放 添加 动画      更新时间：2023-09-26

我有一个移动块的动画，但我想添加功能，让用户有能力在中间插入动画，比如暂停，然后从那里开始。

我在拉斐尔引用中看到有两个方法 .stop（） 和 .pause（）

但我不清楚如何实施它。

我可以知道如何在我的情况下使用它。 请看 http://jsfiddle.net/kevindivdbyzero/95tmh/：

当你想暂停它时，你可以使用 .stop（） 但保存块移动的数量。然后，当您恢复动画时，减去它必须移动的总量减去它已经移动的量。

因此，如果您将块移动 100 像素并且他们将其暂停在 50 像素处，那么当他们恢复它时，这次只对 50 像素进行动画处理。然后他们可以再次将其暂停 20 像素，您就剩下 30 像素了。继续执行此操作，直到动画完成，然后触发块完成动画。您只需要存储更多信息。

相关文章：