jQuery.fx.interval プロパティの使用法の詳細な説明

jQuery.fx.interval プロパティは、アニメーションのフレーム レート (ミリ秒値) を設定または返すために使用されます。

jQuery.fx.interval プロパティは、jQuery アニメーションごとに画像のフレームを描画するミリ秒数を設定するために使用されます (スタイルの変更をトリガーし、ブラウザーが現在のページを再描画する可能性があります)。

値が小さいほど、アニメーションがトリガーされる回数が多くなり、アニメーション効果がより明白でスムーズになりますが、もちろん、より多くのパフォーマンスが消費されます。

このプロパティの値を変更しても、実行中のアニメーションqueueには影響しません。まだ実行されていないアニメーション キューは、変更されたフレーム レートでアニメーション化されます。

このプロパティは、グローバル jQuery オブジェクトに属します (静的プロパティとしても理解できます)。

構文

jQuery 1.4.3 静的プロパティを追加しました。

jQuery.fx.interval

戻り値

jQuery.fx.interval プロパティの戻り値は Number 型で、アニメーションのフレーム レート (ミリ秒値) を返します。

このプロパティのデフォルト値は 13 です。

例と説明

次の HTML サンプル コードを参照してください:

e388a4556c0f65e1904146cc1a846bee

フレーム レート (フレームが何ミリ秒で描画されるか):

<select id="frameRate">
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="13" selected="selected">默认(13)</option>
        <option value="20">20</option>
        <option value="50">50</option>
        <option value="100">100</option>
        <option value="300">300</option>
        <option value="1000">1000</option>
    </select>
    <input id="exec" type="button" value="执行动画" />
</p>
<div id="myDiv" style="width:300px; height: 100px; background-color: #ccc;" >CodePlayer</div>

jQuery.fx.interval プロパティに関連する jQuery の例コードは次のとおりです:

// 更改帧速
$("#frameRate").change( function(){
    $.fx.interval = this.value; // 设置帧速
} );
// 执行动画
$("#exec").click( function(){
    var $myDiv = $("#myDiv");
    // 在现有高度的基础上增加300px (如果原来是100px，增加后就是400px)
    $myDiv.animate( { height: "+=300px" }, 2000 ); 
    $myDiv.animate( { width: "50%" }, 1000 );       
    $myDiv.animate( { width: "200px", height: "100px" }, 1000 );        
} );

以上がjQuery.fx.interval プロパティの使用法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。