免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

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

时间:10-22 15:31 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  在今天的这篇插件介绍中,我们将介绍一个超棒的jQuery插件,帮助你快速的使用链式和延迟代理模式来实现类似的效果。这个插件提供了简单实用的方法来定义列举,timeout,int

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

在线演示   本地下载   在线调试

如果需要你延迟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

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一个帮助你处理延迟重复循环操作的jQuery插件 - timing对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一个帮助你处理延迟重复循环操作的jQuery插件 - timing无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈