jQuery.fx.interval 속성 사용법에 대한 자세한 설명

jQuery.fx.interval 속성은 animation의 프레임 속도(밀리초 값)를 설정하거나 반환하는 데 사용됩니다.

jQuery.fx.interval 속성은 모든 jQuery 애니메이션이 이미지 프레임을 그리는 시간을 밀리초 단위로 설정하는 데 사용됩니다(스타일 변경을 트리거하면 브라우저가 현재 페이지를 다시 그릴 수 있음).

값이 작을수록 애니메이션이 더 많이 트리거되고, 애니메이션 효과가 더 명확하고 매끄러워지며, 물론 더 많은 성능이 소모됩니다.

이 속성의 값을 변경해도 실행 중인 애니메이션 queue에는 영향을 미치지 않습니다. 아직 실행되지 않은 애니메이션 대기열은 변경된 프레임 속도로 애니메이션됩니다.

이 속성은 전역 jQuery 개체에 속합니다(정적 속성으로도 이해될 수 있음).

Syntax

jQuery 1.4.3 추가정적 속성.

jQuery.fx.interval

반환 값

jQuery.fx.interval 속성의 반환 값은 Number 유형으로, 애니메이션의 프레임 속도(밀리초 값)를 반환합니다.

이 속성의 기본값은 13입니다.

예제 및 설명

다음 HTML 샘플 코드를 참조하세요.

프레임 속도(프레임이 그려지는 시간(밀리초)):

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

jjQuery.fx.interval 속성과 관련된 쿼리 예 코드는 다음과 같습니다:

// 更改帧速
$("#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 중국어 웹사이트의 기타 관련 기사를 참조하세요!