日期:2012-10-18 来源:GBin1.com
在线演示
本地下载
在线调试
如果需要你延迟5秒执行特定操作话,你肯定会想到使用类似setInterval()或者delay()的方法。类似的实现我们在以前的文章中介绍过:
如何使用jQuery让一组HTML对象一个一个依次淡出或淡入?
在今天的这篇插件介绍中,我们将介绍一个超棒的jQuery插件,帮助你快速的使用链式和延迟代理模式来实现类似的效果。这个插件提供了简单实用的方法来定义列举,timeout,interval,延迟,并且使用基于时间的循环,仅仅使用数行就可以实现。
如何使用?
此类库要求jQuery1.2以上,使用非常简单,你只需要引入jquery类库和一个js文件即可,如下:
<script
type=
"text/javascript"
src=
"http://ajax.googleapis.com/ajax/libs/jquery/--version--/jquery.min.js"
></script>
<script
type=
"text/javascript"
src=
"http://creativecouple.github.com/jquery-timing/jquery-timing.min.js"
></script>
一个简单的例子:
这里我们仍旧使用原来的例子,将一组HTML对象淡出,代码如下:
HTML代码
<ul id="objs">
<li>object 1</li>
<li>object 2</li>
<li>object 3</li>
</ul>
javascript代码如下:
$(function(){
$('#objs li').each($).fadeOut(50).wait(1000);
});
使用以上代码,我们可以直接使用链式操作来淡出一组元素。是不是很简单。
如果你需要重复隐藏和显示元素操作10次,那么可以写成如下代码:
$(function(){
$('#objs li').repeat(1000).each($).toggle(500).wait(50);
});
以上代码,我们将会每隔1秒钟重复隐藏和显示一次。如果你使用javascript代码实现的话,代码会复杂很多。
如果你希望开发出用户体验更好的前端应用的话,好好利用timing插件给你带来的方法绝对是一个非常不错的解决方案。
希望大家喜欢我们的推荐,如果你有任何问题,请给我们留言,谢谢!
来源:一个帮助你处理延迟,重复,循环操作的jQuery插件 - timing
分享到:
相关推荐
在使用Intel® Quartus® Prime Timing Analyzer时,文档介绍了一个基本的时序分析流程,包括五个步骤:打开工程并运行Fitter、指定时序约束、指定通用的Timing Analyzer设置、运行时序分析和分析时序分析结果。...
VESA(Video Electronics Standards Association,视频电子标准协会)是一个国际性的组织,致力于制定显示设备相关的技术标准。在标题“VESA-timing dmt10”中,“VESA-timing”指的是VESA定义的显示器时序标准,而...
本文档是关于Intel®Quartus®Prime软件的 Timing Analyzer 工具的用户指南,该工具主要负责时序分析,是数字电路设计中的一个关键步骤。时序分析保证了电路设计能够在规定时间内正确地传递信号,从而满足设计的时序...
服务器计时中间件软件包 ...为了确保所有计时都尽可能准确,将中间件添加到请求处理程序堆栈的最外面(最后一个)位置非常重要。 PSR-15中间件 要启用中间件,您只需要将Fetzi\ServerTiming\ServerTimin
在设计中,有时需要放宽一个时钟周期内数据到达时间的限制,允许数据在一个以上的时钟周期内到达。多周期路径分析就是为了识别和处理这样的路径。 #### 1.6 元稳定性分析(Metastability Analysis) 元稳定性发生在...
log )Axios实例如果您使用axios实例,则应将此作为第一个参数传递import axiosimport axiosTiming from './axios-timing'const instance = axios . create ( )axiosTiming ( instance , console . log )自定义回调...
VESA是一个制定和推广计算机视频和显示器相关标准的全球性组织,它制定的标准广泛应用于个人电脑显示器、笔记本电脑、平板电视、工作站以及医疗设备的显示器等。VESA的Monitor Timing Standards,即显示器时序标准,...
VESA标准,主要包括显示器常见分辨率的时序。 Version 1.0, Revision 11
$ npm install server-timing -S 用法 const express = require ( 'express' ) ; const serverTiming = require ( 'server-timing' ) ; const app = express ( ) ; app . use ( serverTiming ( ) ) ; app . use ( ( ...
Intel- timing analyzer
VGA(Video Graphics Array)图像时序是计算机显示器工作中的核心技术之一,对于理解和调试显示器与...通过深入学习"VGA-timing.rar"中的内容,读者将能够掌握VGA显示技术的核心,并能有效地处理与VGA相关的硬件问题。
综合来说,TimeQuest-Timing-Analyzer为FPGA设计者提供了一个强大的时序分析工具,通过使用SDC格式进行约束输入,它可以实现更细致的时序分析,并有助于FPGA设计向ASIC设计的平滑迁移。掌握这一工具的使用,对于任何...
在MATLAB开发中,"timing"是一个关键概念,特别是在与Simulink通信系统交互时。MATLAB中的定时处理涉及到计算效率、精度以及仿真结果的准确性。Simulink作为一个图形化建模工具,广泛用于动态系统建模和仿真,其中...
performance-timing.js利用HTML5的navigation_timing_API_performance-timing
"use-system-time-to-be-timing-count.zip_TIME TO COUNT"这个压缩包文件似乎是一个关于如何利用系统时间进行时间计数的教程或者代码示例。下面将详细介绍这个主题,并围绕相关知识点展开讨论。 系统时间通常指的是...
该规范引入了Server Timing ( Server Timing ,它使服务器能够将有关请求-响应周期的性能指标传达给用户代理,以及一个JavaScript接口,以使应用程序能够收集,处理和处理这些指标以优化应用程序交付。 阅读最新的...
在“labview-timing-.zip”这个压缩包中,包含了一个名为“time.vi”的虚拟仪器(VI),它可能是一个用于实现定时功能的LabVIEW程序。 “time.vi”很可能是一个自定义VI,用于实现计时和定时任务。在LabVIEW中,...
标题中的“一个适用于一次性或者需要重复性任务的执行器”指的是一个软件工具或框架,它设计用于执行单次任务或定期执行的任务。这样的系统通常在IT领域被称为任务调度器或作业调度器,它允许用户安排任务在特定时间...
$ composer require tuupola/server-timing-middleware 使用简单 要获得默认时序,请将中间件添加到管道中。 使用它转到名为config/pipeline.php的文件。 use Tuupola \ Middleware \ ServerTimingMiddleware ; $ ...