tadam logo
Did you find an error in the text?
Select this with mouse and press
Ctrl + Enter
Xhtml.co.il Check Spelling
Orphus system

jQuery.fx.interval

jQuery.fx.interval

Returns: Number

Description: The rate (in milliseconds) at which animations fire.

jQuery.fx.interval

version added: 1.4.3

This property can be manipulated to adjust the number of frames per second at which animations will run. The default is 13 milliseconds. Making this a lower number could make the animations run smoother in faster browsers (such as Chrome) but there may be performance and CPU implications of doing so.

Examples

Cause all animations to run with less frames.
jQuery.fx.interval = 100;
$("input").click(function(){
  $("div").toggle( 3000 );
});
The output of the code above will be:

Full source:

<!DOCTYPE html>
<html>
<head>
  <style>
    div { width:50px; height:30px; margin:5px; float:left;
          background:green; }
    </style>
<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
     $(document).ready(function(){
         jQuery.fx.interval = 100;
          $("input").click(function(){
          $("div").toggle( 3000 );
         });
     });
  </script>
</head>
<body>
  <p><input type="button" value="Run"/></p>
<div></div>
</body>
</html>
Was this information helpful?
   

Comments