本文主要是介绍jQuery1.9(动画效果)学习之——jQuery.fx.interval,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
描述: 该动画的频率(以毫秒为单位)。
jQuery.fx.interval
这个属性可以设置动画每秒运行帧数。默认是13毫秒。该属性值越小,在速度较快的浏览器中(例如,Chrome),动画执行的越流畅,但是会影响程序的性能并且占用更多的 CPU 资源。
由于jQuery中,该属性是全局性的,因此在没有动画正在运行或停止所有动画时,此属性的变化才能生效。
注意:jQuery.fx.interval
当前在支持requestAnimationFrame
属性的浏览器中没有效果,如谷歌Chrome浏览器11。此问题会在今后发布的版本中得以解决。
例子:
让所有动画以更少的帧数执行。
<!DOCTYPE html>
<html>
<head>
<style>
div { width:50px; height:30px; margin:5px; float:left;
background:green; }
</style>
<script src="http://code.jquery.com/jquery-latest.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>
这篇关于jQuery1.9(动画效果)学习之——jQuery.fx.interval的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!