Wood-Roots:blogHOMEJavascript201309/10アニメーションの一時停止と再生を超簡単に実装するプラグイン[jquery.pause.js]JavascriptjQueryによるアニメーションを途中で一時停止させる方法を探していたところ、jquery.pause.jsという素晴らしいプラグインを発見しました。ものすごく簡単にアニメーションの一時停止と再開を実装することができます。簡単すぎてびっくりしました。自力で実装しようとして残り時間や残り移動距離を計算するために「速さ=距離/時間」という懐かしい計算式を調べたりしてました。DEMOADsHTMLjQueryとjquery.pause.jsを読み込みます。src="jquery.pause.js"></script>Javascriptアニメーションが実行されているオブジェクトに対して、pause()というメソッドを渡せば停止することが出来ます。再開させる場合はresume()です。12345678//jquery.pause.jsによる停止と再生処理。//ここではclickにしていますが、mouseenter/mouseleaveにバインドすることもできます。Slideというプラグインにも使用し、マウスオーバーでアニメーションが停止できるようにしてみましたので、よろしければご利用ください。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイトCommentsコメントはまだありません。2Archive2020年92019年182018年102017年172016年202015年212014年312013年552012年50SearchSocialAboutWeb制作会社ではたらく社畜のアウトプットです。Web制作技術のほか、雑記など。当ブログと運営者についてもっと詳しく見るプライバシーポリシーContactお問い合わせは下記フォームをご利用ください。お時間がございましたらお問い合わせの前にこちらをご一読いただけますと幸いです。Wood-Roots:blog。