javascript - アニメーションに再生/一時停止を追加する

Question

ブロックを動かすアニメーションがありますが、ユーザーが一時停止のように途中でアニメーションを中断してそこから開始できる機能を追加したいと思います。

ラファエルの参照には、.stop()と.pause()の 2 つのメソッドがあります。

しかし、私はそれを実装する方法が明確ではありません。

私の場合の使い方を教えてください。http://jsfiddle.net/kevindivdbyzero/95tmh/を見てください:

Answer 1

一時停止したい場合は .stop() を使用できますが、ブロックが移動した量を保存できます。次に、アニメーションを再開するときに、移動する必要がある合計量から既に移動した量を差し引きます。

したがって、ブロックを 100 ピクセル移動し、50 ピクセルで一時停止すると、再開時に今回は 50 ピクセルだけアニメーション化されます。その後、再び 20 ピクセルで一時停止すると、残り 30 ピクセルになります。アニメーションが完了するまでこれを続けてから、ブロックのアニメーションが終了したことをトリガーします。もう少し情報を保存する必要があります。