Detaillierte Erläuterung der Verwendung der jQuery.fx.interval-Eigenschaft

Die Eigenschaft

jQuery.fx.interval wird verwendet, um die Bildrate (Millisekundenwert) der Animation festzulegen oder zurückzugeben.

Mit der jQuery.fx.interval-Eigenschaft wird festgelegt, wie viele Millisekunden jede jQuery-Animation einen Bildrahmen zeichnet (wodurch eine Stiländerung ausgelöst wird und der Browser die aktuelle Seite möglicherweise neu zeichnet).

Je kleiner der Wert, desto öfter wird die Animation ausgelöst und der Animationseffekt ist deutlicher und flüssiger. Natürlich verbraucht er auch mehr Leistung.

Wenn Sie den Wert dieser Eigenschaft ändern, hat dies keine Auswirkungen auf die Warteschlange der Animation, die ausgeführt wird. Alle noch nicht ausgeführten Animationswarteschlangen werden mit der geänderten Bildrate animiert.

Diese Eigenschaft gehört zum globalen jQuery-Objekt (kann auch als statische Eigenschaft verstanden werden).

Syntax

jQuery 1.4.3 Statisches Attribut hinzugefügt.

jQuery.fx.interval

Rückgabewert

Der Rückgabewert der jQuery.fx.interval-Eigenschaft ist vom Typ Zahl und gibt die Bildrate der Animation (Millisekundenwert) zurück ).

Der Standardwert dieser Eigenschaft ist 13.

Beispiel und Beschreibung

Bitte beachten Sie den folgenden HTML-Beispielcode:

e388a4556c0f65e1904146cc1a846bee

Bildrate (wie viele Millisekunden ein Frame gezeichnet wird). every ):

<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>

Der jQuery-Beispielcode im Zusammenhang mit der jQuery.fx.interval-Eigenschaft lautet wie folgt:

// 更改帧速
$("#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 );        
} );

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery.fx.interval-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!