在线演示 本地下载 在线调试
如果需要你延迟5秒执行特定操作话，你肯定会想到使用类似setInterval（）或者delay（）的方法。
在今天的这篇插件介绍中，我们将介绍一个超棒的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对象淡出，代码如下：
<ul id="objs">
<li>object 1</li>
<li>object 2</li>
<li>object 3</li>
</ul>
HTML代码
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
