$.fx.interval

このエントリーをはてなブックマークに追加

$.fx.intervalはアニメーションのフレームレートを制御できるプロパティです。

デフォルトは13ミリ秒で、jQueryはアニメーション時に13ミリ秒ごとに表示するCSSプロパティを変更してアニメーションを表示しています。

$.fx.intervalに13ミリ秒より小さい値を指定することでGoogle Chromeなどの描画能力が高いブラウザではよりスムーズに描画されますが、ただしCPUなどのパフォーマンスに対して影響を与えてしまいます。13ミリ秒より大きい値を指定することでアニメーションはカク付きますが、CPUの負荷は小さくなります。

将来的にはアニメーション処理はJavaScriptのrequestAnimationFrameに変更される予定で、それまでこの設定は有効です。

$.fx.interval = 100;
$("input").click(function(){
  $("div").toggle( 3000 );
});
jQuery 1.4.3での追加/変更

$.fx.intervalはjQuery 1.4.3で追加されたプロパティです。

参考URL

jQuery.fx.interval | jQuery API Documentation

登録日 : 2013年06月08日 最終更新日 : 2013年6月8日

同じカテゴリー(Effects)のエントリー

検索

スポンサードリンク

バージョン

リファレンス