entries/jQuery.fx.interval.xml

<?xml version="1.0"?>
<entry type="property" name="jQuery.fx.interval" return="Number" deprecated="3.0" removed="4.0">
  <title>jQuery.fx.interval</title>
  <desc>The rate (in milliseconds) at which animations fire.</desc>
  <signature>
    <added>1.4.3</added>
  </signature>
  <longdesc>
    <div class="warning">
      <p>This property is deprecated as of version 3.0, and has no effect in browsers that support the <a href="https://caniuse.com/#feat=requestanimationframe"><code>requestAnimationFrame</code></a> method.</p>
    </div>
    <p>On browsers that do not support <code>requestAnimationFrame</code>, this property can be changed to adjust the interval at which animations will run. The default is 13 milliseconds.</p>
    <p>Since jQuery uses one global interval, no animation should be running or all animations should stop for the change of this property to take effect.</p>
  </longdesc>
  <example>
    <desc>Cause all animations to run with less frames.</desc>
    <code><![CDATA[
jQuery.fx.interval = 100;
$( "input" ).on( "click", function() {
  $( "div" ).toggle( 3000 );
});
]]></code>
    <css><![CDATA[
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
]]></css>
    <html><![CDATA[
<p><input type="button" value="Run"></p>
<div></div>
]]></html>
  </example>
  <category slug="effects/custom-effects"/>
  <category slug="properties/global-jquery-object-properties"/>
  <category slug="version/1.4.3"/>
  <category slug="deprecated/deprecated-3.0"/>
</entry>