jQuery.fx.interval

jQuery.fx.interval返回: Number

描述: 该动画的频率（以毫秒为单位）。

  • 添加的版本: 1.4.3jQuery.fx.interval

这个属性可以设置动画每秒运行帧数。默认是13毫秒。该属性值越小，在速度较快的浏览器中（例如，Chrome），动画执行的越流畅，但是会影响程序的性能并且占用更多的 CPU 资源。

由于jQuery中，该属性是全局性的，因此在没有动画正在运行或停止所有动画时，此属性的变化才能生效。

注意:jQuery.fx.interval当前在支持requestAnimationFrame属性的浏览器中没有效果，如谷歌Chrome浏览器11。此问题会在今后发布的版本中得以解决。

例子:

让所有动画以更少的帧数执行。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<!DOCTYPE html>
<html>
<head>
  <style>
div { width:50px; height:30px; margin:5px; float:left;
      background:green; }
</style>
  <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
  <p><input type="button" value="Run"/></p>
<div></div>
<script>
jQuery.fx.interval = 100;
 
$("input").click(function(){
  $("div").toggle( 3000 );
});
  </script>
 
</body>
</html>

Demo: