一个帮助你处理延迟，重复，循环操作的jQuery插件

日期：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

一个帮助你处理延迟，重复，循环操作的jQuery插件 - timing相关推荐

分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
为什么80%的码农都做不了架构师?>>> 日期:2012-5-6 来源:GBin1.com 在线演示本地下载触摸设备越来越流行了,很多互联网用户都使用ipad等平板电脑 ...
50个jQuery插件可将你的网站带到另一个高度
Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好 ...
js 延迟执行php代码,jquery如何实现延迟执行
jquery实现延迟执行的方法:首先创建一个HTML:然后在head中引入jquery插件:最后然后编写javascript代码,绑定[id=show]的按钮,使用[$("#show&quo ...
[JS]请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。
请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组. 刚开始复习js题还不太习惯 CSDN上看了一个帖子,说是牛客上的标答, ...
在一行上添加一个简单的if-then-else语句[重复]
本文翻译自:Putting a simple if-then-else statement on one line [duplicate] Possible Duplicate: 可能重复: Pyth ...
java怎样开关语句随机数不重复_怎样用java产生一个指定范围而且不重复的随机数?...
题目: 怎样用java产生一个指定范围而且不重复的随机数? 解答: package test; import java.util.Random; public class RandomBirth { ...
IO流递归拷贝一个文件夹里面的所有文件，到另一个文件夹。如果重复不拷贝，可续拷
import java.io.*;/*** IO流递归拷贝一个文件夹里面的所有文件,到另一个文件夹.如果重复不拷贝,可续拷* @author silence*/ public class IoCopy ...
php判断检测一个数组里有没有重复的值
2019独角兽企业重金招聘Python工程师标准>>> php判断检测一个数组里有没有重复的值 php里有一个处理数组重复值得函数array_unique,我们的思路就是用这个函数来 ...
如何创建一个基础jQuery插件
如何创建一个基础插件 How to Create a Basic Plugin 有时你想使一块功能性的代码在你代码的任何地方有效.比如,也许你想调用jQuery对象的一个方法,对该对象进行一系列的操作 ...
所谓 jQuery 插件，怎样开发一个 jQuery 插件
简单来说,所谓 jQuery 插件就是扩展在 jQuery 原型对象上的一个方法.通过扩展 jQuery 对象,每次调用 jQuery 对象的时候,对象里面都包含了我们自己所添加的那个方法. 一般插件 ...

一个帮助你处理延迟，重复，循环操作的jQuery插件 - timing

如何使用？

一个帮助你处理延迟，重复，循环操作的jQuery插件 - timing相关推荐

最新文章

热门文章