jQuery jQuery.fx.interval 屬性

jQuery 中的jQuery.fx.interval屬性控制jQuery動畫幀之間的持續時間（以毫秒為單位）。預設值為13毫秒。

調整毫秒數會影響動畫的流暢度和效能。較低的毫秒數會導致更流暢的動畫，但可能會消耗更多CPU資源。較高的毫秒數可以提高效能，但可能會使動畫看起來不太流暢。

語法

以下是jQuery jQuery.fx.interval屬性的語法：

jQuery.fx.interval = milliseconds;

引數

以下是上述語法的描述：

milliseconds: 指定動畫幀之間間隔時間的整數（以毫秒為單位）。

示例

此示例演示瞭如何使用jQuery.fx.interval屬性來控制動畫的幀間隔：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Set the animation frame interval to 50 milliseconds
            jQuery.fx.interval = 50;
            $("#animateBox").animate({left: '+=200px'}, 2000);
        });
    </script>
    <style>
        #animateBox {
            width: 50px;
            height: 50px;
            background-color: red;
            position: relative;
        }
    </style>
</head>
<body>
    <div id="animateBox"></div>
</body>
</html>

透過將jQuery.fx.interval設定為50毫秒，紅色方塊在2秒內向右移動200畫素的動畫將比預設設定更不流暢。

jquery_ref_properties.htm

列印頁面