Explication détaillée de l'utilisation de la propriété jQuery.fx.interval

La propriété

jQuery.fx.interval est utilisée pour définir ou renvoyer la fréquence d'images (valeur en millisecondes) de l'animation.

La propriété jQuery.fx.interval est utilisée pour définir le nombre de millisecondes pendant lesquelles chaque animation jQuery dessine un cadre d'image (déclenchant un changement de style, le navigateur peut redessiner la page actuelle).

Plus la valeur est petite, plus l'animation est déclenchée plusieurs fois et l'effet d'animation est plus évident et plus fluide. Bien sûr, cela consomme également plus de performances.

Lors de la modification de la valeur de cette propriété, la file d'attente d'animation en cours d'exécution ne sera pas affectée. Toutes les files d'attente d'animation qui n'ont pas encore été exécutées seront animées à la fréquence d'images modifiée.

Cette propriété appartient à l'objet jQuery global (peut également être comprise comme une propriété statique).

Syntaxe

jQuery 1.4.3 Ajout de l'attribut statique.

jQuery.fx.interval

Valeur de retour

La valeur de retour de la propriété jQuery.fx.interval est de type Nombre, renvoyant la fréquence d'images de l'animation (valeur en millisecondes).

La valeur par défaut de cette propriété est 13.

Exemple et description

Veuillez vous référer à l'exemple de code HTML suivant :

Fréquence d'images (combien de millisecondes une image est dessinée each ) :

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

L'exemple de code jQuery lié à la propriété jQuery.fx.interval est le suivant :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!