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.2/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: