日期: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 Pro Edition 用 户指南中文版本,能够帮助大家学习时序约束
服务器计时中间件软件包 ...为了确保所有计时都尽可能准确,将中间件添加到请求处理程序堆栈的最外面(最后一个)位置非常重要。 PSR-15中间件 要启用中间件,您只需要将Fetzi\ServerTiming\ServerTimin
timing analysis user guid
log )Axios实例如果您使用axios实例,则应将此作为第一个参数传递import axiosimport axiosTiming from './axios-timing'const instance = axios . create ( )axiosTiming ( instance , console . log )自定义回调...
VESA标准,主要包括显示器常见分辨率的时序。 Version 1.0, Revision 11
Intel® Quartus® Prime Pro Edition User Guide Timing Analyzer
$ npm install server-timing -S 用法 const express = require ( 'express' ) ; const serverTiming = require ( 'server-timing' ) ; const app = express ( ) ; app . use ( serverTiming ( ) ) ; app . use ( ( ...
VESA Monitor Timing Standard...
matlab开发-timing。一种用于与Simulink通信系统的定时误差检测器。
经典的时间轮算法论文,时间轮的思想应用范围非常广泛,各种操作系统的定时任务调度,Crontab,还有基于java的通信框架Netty中也有时间轮的实现,几乎所有的时间任务调度系统采用的都是时间轮的思想。例如,Netty空闲...
ug1292-ultrafast-timing-closure-quick-reference.pdf
TimeQuest-Timing-Analyzer快速入门教程 altera 时序仿真文档
一个适用于一次性或者需要重复性任务的执行器,可配合常驻服务实现自动执行定时任务(非类linux C-timing
该规范引入了Server Timing ( Server Timing ,它使服务器能够将有关请求-响应周期的性能指标传达给用户代理,以及一个JavaScript接口,以使应用程序能够收集,处理和处理这些指标以优化应用程序交付。 阅读最新的...
G.811-Timing characteristics of primary reference clocks
电子-Timing.zip,单片机/嵌入式正点原子FPGA
$ composer require tuupola/server-timing-middleware 使用简单 要获得默认时序,请将中间件添加到管道中。 使用它转到名为config/pipeline.php的文件。 use Tuupola \ Middleware \ ServerTimingMiddleware ; $ ...
npm install --save express-server-timing 用法 const serverTiming = require ( 'express-server-timing' ) const app = express ( ) app . use ( serverTiming ( ) ) app . get ( '/' , ( req , res ) => { // ...
FOS-时间动作 防抖,节流,延迟和计时器动态操作可以对动态操作的执行进行精细控制。MIT许可下的免费插件所有FOS插件都是根据MIT许可证发布的,这... 它还包括一个计时器,可以自动重复执行动态动作。执照麻省理工学院
server-timing-middleware, PSR 7 & PSR 15中间件添加服务器定时报头 PSR-7 和 PSR-15 服务器定时中间件 中间件实现了服务器端定时信息,可以用于显示服务器端定时信息。 安装使用编辑器插件安装:$ composer ...