`
sungang_1120
  • 浏览: 322270 次
  • 性别: 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>

 

分享到:
评论

相关推荐

    学习笔记——JVM性能调优之 jstat(csdn)————程序.pdf

    基本的命令结构是`jstat [generalOption | outputOptions] vmid [interval[s|ms] [count]]`。其中: 1. `generalOption`:通常用于获取帮助信息,如`-help`或`-options`。 2. `outputOptions`:指定要显示的统计...

    python——retry装饰器(csdn)————程序.pdf

    在 `wrapper` 函数中,我们使用 `try` 语句来捕捉异常,如果出现异常,我们将其记录到日志中,并在 `interval` 时间后重新执行该函数。如果重试次数达到最大值,我们将抛出异常。 retry 装饰器的使用 使用 retry ...

    JavaScript_——DOM总结.txt

    通过 DOM 和 BOM,JavaScript 能够实现对网页的动态控制和操作,这是现代 Web 开发的核心技术之一。理解 DOM 和 BOM 的工作原理对于成为一名合格的前端开发者至关重要。此外,掌握这些技术也有助于优化用户体验,...

    Linux下C语言编程——时间概念.rar_Linux下C语言编程_c 计时器

    timer.it_interval.tv_usec = 0; signal(SIGALRM, timerHandler); // 设置信号处理函数 setitimer(ITIMER_REAL, &timer, NULL); // 启动计时器 // 其他程序逻辑 while (1) ; return 0; } ``` 这个例子会...

    jquery实现3D立体效果的动画加载进度条源码.zip

    《使用jQuery实现3D立体效果的动画加载进度条》 在网页开发中,加载进度条是一种常见的用户体验设计,它能够给用户展示数据加载的过程,提高交互的反馈感。本篇文章将详细探讨如何利用jQuery库来创建一个具有3D立体...

    jQuery 跑马灯效果

    通过对源码的阅读和学习,你可以学习到如何利用jQuery进行动画制作和DOM操作。 **工具辅助**:在开发过程中,可以借助开发者工具(如Chrome DevTools)进行调试,查看元素状态、修改CSS样式,以便更好地调整跑马灯...

    jquery.luara焦点图插件

    **jQuery.luara焦点图插件**是一款专为网页设计者打造的高效、灵活的JavaScript组件,它基于广泛使用的jQuery库,旨在实现引人注目的图片轮播效果。这款插件提供了三种不同的切换效果,使得网页中的图片展示更加生动...

    jq22jqueryslider4678201807262215.zip

    jQuery Slider是一款广泛应用于网站设计中的轮播图插件,它基于JavaScript库jQuery进行开发,能够帮助开发者轻松实现图片、内容的动态展示效果,为用户带来流畅且美观的交互体验。本插件的核心在于其灵活性和易用性...

    多种切换效果jQuery焦点图片轮播插件.zip

    jQuery的核心特性包括选择器(用于选取DOM元素)、链式操作(允许连续调用方法)和高效动画效果。在这个插件中,jQuery的这些优势得以充分体现,使得图片轮播的实现变得简单易懂。 接着,我们来看看这个插件的组成...

    原生js实现jquery函数animate()动画效果的简单实例

    本文将介绍如何使用原生JavaScript实现类似jQuery中的animate()方法的动画效果。在前端开发中,jQuery提供了一套非常方便的API来实现动画效果,但随着Web标准的发展和性能优化需求的提高,原生JavaScript的方法逐渐...

    jQuery多款切换效果轮播图插件.zip

    jQuery的核心特性包括选择器(用于高效地选取DOM元素)、链式操作(方法调用可以连续)和高效的动画效果。对于轮播图插件而言,jQuery的这些特性使得创建和控制动态效果变得更加简单。 轮播图插件通常包含以下几个...

    Jquery幻灯片焦点图插件Jquery.KinSlideshow的各种Demo

    **jQuery.KinSlideshow幻灯片插件详解** 在网页设计中,焦点图或幻灯片效果是一种常见的视觉展示手段,能够吸引用户注意力并高效地展示信息。jQuery.KinSlideshow是一款优秀的JavaScript插件,它提供了丰富的功能和...

    jquery-ui-1.10.0.custom.min.zip

    在Web开发中,jQuery UI是一个广泛使用的JavaScript库,它提供了丰富的用户界面组件,包括但不限于对话框、拖放功能、日期选择器以及我们关注的焦点——进度条。本篇文章将深入探讨jQuery UI 1.10.0版本中的自定义...

    jquery动画滑动幻灯片展示.zip

    在这个“jquery动画滑动幻灯片展示”的项目中,我们重点关注的是使用jQuery来实现动态、平滑的幻灯片展示效果。这个项目涉及到CSS样式布局、JavaScript编程以及HTML5的相关技术。 首先,jQuery的动画功能是通过其...

    jQuery动态的文字跳动动画特效.zip

    6. **动画重复**:为了让文字持续跳动,我们可以使用`.repeat()`或`.interval()`函数来周期性地触发动画效果。 7. **渐变动画**:为了使动画更自然,我们还可以结合CSS3的`animation-timing-function`属性,设置...

    jquery动画

    4. 对于老版本的IE,可能需要引入jQuery的`jQuery.fx.speeds`和`jQuery.fx.interval`来调整动画速度和间隔。 总之,jQuery的动画系统强大且灵活,能够满足大部分网页动态效果的需求。通过熟练掌握这些动画方法,...

    jquery-timepicker.js

    《jQuery时间选择器插件——jquery-timepicker.js详解》 在网页开发中,用户界面的交互性和用户体验至关重要,其中日期和时间的选择是一个常见的需求。为了简化这一过程,开发者们经常使用时间选择器插件。本文将...

    jQuery CSS3云朵飘动动画特效.zip

    5. **重复动画**:为了使云朵持续飘动,我们可以使用jQuery的`.repeat()`或`.interval()`函数创建一个定时器,定期执行动画。 6. **多个云朵的动态组合**:为了丰富画面,可以创建多个云朵元素,每个云朵的运动轨迹...

    delphi *.textgrid文件到*.interval

    1. "textgrid2interval.cfg" - 这可能是配置文件,用于设置转换过程中的参数。 2. "Unit1.dcu" - Delphi编译后的单元文件,包含了Unit1模块的编译代码。 3. "Unit1.ddp" - Delphi项目文件,保存了项目设置和依赖关系...

Global site tag (gtag.js) - Google Analytics