$.fx.interval

アニメーションのフレームレートをミリ秒単位で指定します。

$.fx.interval 1.4.3追加

戻り値:Number

このプロパティを調整することで1秒辺りのフレーム数を変えることが出来ます。
初期値は13ミリ秒で1フレームです。 この値が小さければ小さいほど、Chromeのような性能の高いブラウザであれば アニメーションの動作がよりスムーズになります。 ただし、その分CPUに負荷を与えることになります。

デモ

fx.intervalにデフォルトの13ミリ秒より間隔の長い100ミリ秒を指定しているので 全てのアニメーションが粗くなります。

<!DOCTYPE html>
<html>
<head>
  <style>
    div { width:50px; height:30px; margin:5px; float:left;
          background:green; }
    </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><input type="button" value="Run"/></p>
<div></div>
<script>
jQuery.fx.interval = 100;

$("input").click(function(){
  $("div").toggle( 3000 );
});
</script>

</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM