jWaitjQuery 延迟插件
jWait,a jquery plugin ,which provide a easy way to delay your work。
jQuery(zepto) 插件,把各种延迟串联起来,采用管道式写法 — 为了少写几个 setTimeout。
示例代码
原来
setTimeout(function (){ $('#b_1').addClass('active'); },1000);
现在
$('#b_1').jWait(1000).addClass('active');
原来
setTimeout(function (){ $('#b_1').addClass('active'); setTimeout(function (){ $('#b_2').css({color:red}); },1000); },1000);
==> 现在
$('#b_1').jWait(1000) .addClass('active') .jWait(1000) .jWait('#b_2').css({color:red});
原来
function doSth(){ //... } setTimeout(function (){ $('#b_1').addClass('active'); doSth(); setTimeout(function (){ doSth(); $('#b_2').css({color:red}); },1000); },1000);
==> 现在
function doSth(){ //... } $('#b_1').jWait(1000) .addClass('active') .jWait(doSth) .jWait(1000) .jWait(doSth) .jWait('#b_2').css({color:red});
简单图解
$('#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');
参数
/** ** @param waitObj 绑定对象可以是 (数字,字符串,对象,方法) * 1.数字 表示延迟的时间(单位:毫秒) * 2.字符串 查询字符串querySelector,表示切换代理的对象为查询字符串代表的jquery对象 * 3.对象 代理的对象,表示切换代理的对象 * 4.方法 延迟后执行的函数,如果没有延迟,则直接执行 ** @param callback 回调方法,只有当waitObj是数字类型时有效 * @returns {jWaitProxy} 返回一个执行代理对象,一个神奇的对象 */ $.fn.jWait = function (waitObj, callback) { //.... }
评论
AnimateScrolljQuery滚动延迟效果插件
AnimateScroll是一个简单的jQuery插件,它用来为滚动增加延迟效果.可以自定义滚动样式(30多种滚动效果)和滚动速度.还有一个可以操纵"滚动结束位置"的"padding"选项.这个插件不
AnimateScrolljQuery滚动延迟效果插件
0
DataLazyLoadjQuery数据延迟加载插件
数据延迟加载功能的jQuery插件,类似新浪微博的滚动加载,当滚动条滚动到底部的时候,加载数据。使用方法:加载jquery文件和DataLazyLoad文件。<script src="jquer
DataLazyLoadjQuery数据延迟加载插件
0
BttrLazyLoadingjQuery 图像延迟加载插件
BttrLazyLoading是一款响应式图像延迟加载的jQuery插件,允许用户的web应用延迟图片的加载直到图像滚动。BttrLazyLoading提供四种不同的屏幕大小版本:手机(<768
BttrLazyLoadingjQuery 图像延迟加载插件
0
SuperImageLoader.js图片延迟加载插件
大家还在为网页加载速度而烦恼吗?大家有发现网页在某些浏览器很快,而在某些浏览器却很慢吗?今天向大家介绍一下为何会出现这些情况,并给大家分享一下具体的实现方法1.先向大家讲解一下为何需要图片延迟加载大家
SuperImageLoader.js图片延迟加载插件
0
lazyYT.jsjQuery 视频延迟加载插件
lazyYT.js是个jQuery插件,用来延迟加载Youtube视频。最初加载的时候,div会被视频预览img替代。等待的时候,之前的预览 img会被Youtube视频iframe所替代。在线演示
lazyYT.jsjQuery 视频延迟加载插件
0
JAIL图像延迟加载插件
JAIL是一个可以让你的页面加载更快的图像延迟加载jQuery插件。当用户要打开图片的时候图片就开始进行下载。示例代码:requirejs.config({ baseUrl: 'lib',
JAIL图像延迟加载插件
0
AnimateScrolljQuery滚动延迟效果插件
Animate Scroll 是一个简单的jQuery插件,它用来为滚动增加延迟效果. 可以自定义滚
AnimateScrolljQuery滚动延迟效果插件
0