软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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