在動畫中添加播放/暫停

Question

我有一個移動塊的動畫，但我想添加一個功能，用戶有能力在中間暫停播放動畫，然後從那裏開始播放。

我在拉斐爾參考看到有兩個方法.stop()和.pause()

，但我不清楚如何實現它。

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

Answer 1

當你想暫停它時，你可以使用.stop（），但是保存塊移動的數量。然後，當您恢復動畫時，減去它必須移動的總量減去其已移動的量。

因此，如果您將塊移動100個像素，並將它們暫停爲50個像素，那麼當它們恢復時，此時只有50個像素動畫。然後，他們可以再次暫停20個像素，剩下30個像素。繼續這樣做直到動畫完成，然後觸發塊完成動畫。你只需要存儲更多的信息。