jQuery.fx.interval    ** DEPRECATED **S2C Home « Effects « jQuery.fx.interval

• <<    .finish()
• jQuery.fx.off     >>

Animation rate property.

Description

The jQuery.fx.interval property holds the animation firing rate in milliseconds.

• The default value of jQuery.fx.interval is 13 milliseconds, but the property can be modified to adjust the number of frames per second at which animations will run.
• Lowering the firing rate can make animations run smoother but may effect performance.
• As jQuery uses one global interval, for any changes to the jQuery.fx.interval property to take effect, no animation should be running or all animations should be stopped first.

Shorthand version $.fx.interval

This method was deprecated in jQuery 3.0 and has no effect in browsers that support the requestAnimationFrame method.

Syntax

Parameters

None.

Return

A JavaScript Number object.

jQuery.fx.interval ExamplesTop

Modify the animation firing rate in milliseconds.

In the example below when the left button is pressed we toggle the image below of thai green curry and the animation runs pretty smoothly at 2000 milliseconds.

Each time the right button is pressed we add 100 milliseconds to the jQuery.fx.interval property. Notice how the animation becomes choppier the more milliseconds we add to the jQuery.fx.interval property.

$(function(){
  $('#btn1').on('click', function() {
    $('#curry1').toggle(2000);
  });
  $('#btn2').on('click', function() {
    jQuery.fx.interval += 100;
  });
});

• <<    .finish()
• jQuery.fx.off     >>