jQuery.fx.interval

解説

アニメーションのフレームレートを設定するプロパティです。

指定されたミリ秒毎にアニメーション処理を起動します。デフォルトでは 13 ミリ秒です。

このプロパティに小さい数値を設定すると、Chrome のような高速なブラウザでは、アニメーションが滑らかに動くようになる可能性があります。

このプロパティに大きい数値を設定すると、アニメーション処理が大きい間隔で起動するようになるため、カクカクした動きになります。

設定値 / 戻り値

• Number: アニメーション処理を起動する間隔(ミリ秒)。

例

例1:テキストボックスにアニメーション処理を起動する間隔(ミリ秒)を入力し、設定ボタンを押すと、jQuery.fx.interval の値を設定します。 実行ボタンを押すと、アニメーションします。色々な値を入力して、アニメーション処理の違いを確認してみてください。

$("#run").click(function(){
    $("div.block").toggle("slow");
});

// アニメーションのフレームレートを設定します。
$("#toggleAnimation").click(function(){
    var _interval = parseInt($("#interval").val());
    jQuery.fx.interval = _interval > 0 ? _interval : 1;
    $("#intervalView").text(jQuery.fx.interval);
});

ページトップヘ

ページトップヘ