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

打印页面