做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery延迟插件jWait.js
来源:易助科技网浏览量:5收藏

简介

jWait.js 是一款JQuery延迟程序执行插件,jQuery (zepto) 插件,把各种延迟串联起来,采用管道式写法。

(下载的附件中附有DEMO)

参数说明:

/**  
** @param waitObj 绑定对象可以是 (数字,字符串,对象,方法)
* 1.数字 表示延迟的时间(单位:毫秒)
* 2.字符串 查询字符串querySelector,表示切换代理的对象为查询字符串代表的jquery对象
* 3.对象 代理的对象,表示切换代理的对象
* 4.方法 延迟后执行的函数,如果没有延迟,则直接执行
** @param callback 回调方法,只有当waitObj是数字类型时有效
* @returns {jWaitProxy} 返回一个执行代理对象,一个神奇的对象
*/
$.fn.jWait = function (waitObj, callback) { //.... }


使用示例

$('#b_1').jWait(1000)
.addClass('active') //$('#b_1').addClass('active')
.jWait(1000)
.fadeIn() //$('#b_1').fadeIn()
.jWait('#b_2')//修改代理的对象为 $('#b_2')
.jWait(1000)
.css({color:'red'})//$('#b_2').css({color:'red'})
.jWait(function (){
//这里获取当前代理对象 this ==> $('#b_2')
console.log(this.css('color'));
})
.jWait(console)//修改代理的对象为 console
.log('hello') //console.log('hello')
.error('error');//console.error('error');


相关链接

GitHub 地址 :https://github.com/payonesmile/jWait

Gitee 地址 :https://gitee.com/mirrors/jwait