`
sungang_1120
  • 浏览: 309829 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

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>

 

分享到:
评论

相关推荐

    delphi *.textgrid文件到*.interval

    delphi6 使用praat进行音频标注时候,可以把textgrid文件转换成早期的interval文件爱女

    jquery1.11.0手册

    jQuery.fx.interval ajax ajax 请求 $.ajax(url,[settings]) load(url,[data],[callback]) $.get(url,[data],[fn],[type]) $.getJSON(url,[data],[fn]) $.getScript(url,[callback]) $.post(url,[data],...

    jQuery 1.5 API 中文版

    numjQuery.fx.interval AJAX Low-Level Interface jqXHRjQuery.ajax( options, [settings] )1.5+ mapaccepts boolasync = true fnbeforeSend( jqXHR, config) boolcache = true fncomplete( jqXHR, status) ...

    TianleSoftware Oracle中文学习手册

    1.2.1.9 ORACLE ROWID ....................................................................... 1.2.1.10 选择性 ................................................................................. 1.2.1.11 ...

    C#-Timer控件实现简单打字游戏

    用C#实现打字效果的小游戏,Timer控件,有注释、、、 //定时:越小越快,大——慢 this.tmTimer.Interval = 500; //定时启动 this.tmTimer.Start();

    oracle学习经典教程

    1.3.2.1.1 Oracle 11g 的Interval................46 1.3.2.1.2 Oracle 10g 版本........................47 1.3.2.2 交换分区:Partition exchange method ...........................48 1.3.2.3 使用...

    Indroduction_to_Mathematica_Statistics.Hogg,McKean,Craig seventh edition.pdf

    1.9 SomeSpecialExpectations ....................... 57 1.10ImportantInequalities .......................... 68 2 Multivariate Distributions 73 2.1 DistributionsofTwoRandomVariables ................ 73...

    jQuery 属性

    jQuery.fx.interval 改变以毫秒计的动画运行速率 jQuery.fx.off 对所有动画进行全局禁用或启用 jQuery.support 包含表示不同浏览器特性或漏洞的属性集(主要用于 jQuery 的内部使用) length 包含 jQuery 对象...

    RainyView-Android 自定义View之下雨动画 效果.zip

    }该方法可以将一个path进行matrix转换,即矩阵转换,因此我们可以通过方法matrix.postTranslate来实现平移动画,即创建一个循环动画,通过postTranslate来设置动画值就可以了,这里左边的云在右边的云之上,因此先画...

    BGP with an Adaptive Minimal Rout Advertisment Interval.pdf

    C:\Documents and Settings\Administrator\桌面\ns2-bgp\BGP with an Adaptive Minimal Rout Advertisment Interval.pdf

    详解Spring Kafka中关于Kafka的配置参数

    主要介绍了详解Spring Kafka中关于Kafka的配置参数,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jQuery点击图片相册掀开切换效果.zip

    var interval; $(".container img").click(function cover(){ $(this).addClass("zoom").fadeOut(700,append); function append(){ $(this).removeClass("zoom").appendTo(".container").show(); ...

    100%自适应左右切换jQuery焦点图代码

    1、依次引入foucs.css、jQuery脚本库及jquery.foucs.js文件; 2、将代码复制到页面中即可。 3、可对效果进行三项设置: direction:图片自动滚动时的方向,默认为'left',即向左滚动,可设为'right'使其向右滚动。例...

    CSDN_Module_interval.py

    使用python标准库interval做的一个员工请假时间计算

    music.interval:音乐间隔

    音乐间隔 简单快速的音乐区间库: var interval = require ( 'music-interval' )interval . simplify ( '9M' ) // =&gt; '2M'interval . invert ( '3M' ) // =&gt; '6m' 这是一部分。 它使用来解析时间间隔,因此请参阅此...

    浅谈原生JS实现jQuery的animate()动画示例

    本文介绍了浅谈原生JS实现jQuery的animate()动画示例,希望此文章对各位有所帮助。 参数介绍: obj 执行动画的元素 css JSON数值对,形式为“{属性名: 属性值}”,指要执行动画的书序及其对应值 ...

    oura-intervals-integration:Oura云客户端,将睡眠数据上传到interval.icu

    Oura戒指interval.icu积分描述该应用程序从提取数据并将其上传到 。 请在下面找到两个平台之间的相关性表: 大浦间隔hr_average 静息HR 全部的sleepSecs 均方根心率参考:安装前提条件该应用程序是用Java编写的,...

    Python库 | interval-py-0.0.2.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:interval-py-0.0.2.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    jquery动画4.升级版遮罩效果的图片走廊–带自动运行效果

    主要的变化点有:把‘下一条’、‘上一条’的click事件抽象到一个函数showNext中。添加setInterval,添加selector元素的hover事件。好了,我们一个个的看。 showNext函数: 代码如下: //显示函数 function showNext...

Global site tag (gtag.js) - Google Analytics