jQuery的定时器插件
2012-06-03 09:00:16 来源:WEB开发网核心提示:// JavaScript Document/** * 网址:http://www.xuehuwang.com/read-435.html * 作者:雪狐博客 * 实例: * 1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) * 2. oneTime(时间间隔,
// JavaScript Document /** * 网址:http://www.xuehuwang.com/read-435.html * 作者:雪狐博客 * 实例: * 1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) * 2. oneTime(时间间隔, [计时器名称], 呼叫的函式) * 3. stopTime ([计时器名称], [函式名称]) * * ************************************************************* * everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) ************************************************************* * 每1秒执行函式test() * function test(){ * //do something... * } * $('body').everyTime('1s',test); * * 每1秒执行 * $('body').everyTime('1s',function(){ * do something... * }); * * 每1秒执行,并命名计时器名称为A * $('body').everyTime('1s','A',function(){ * do something... * }); * * 每20秒执行,最多5次,并命名计时器名称为B * $('body').everyTime('2das','B',function(){ * do something... * },5); * * 每20秒执行,无限次,并命名计时器名称为C * 若时间间隔抵到,但函式程序仍未完成则需等待执行函式完成后再继续计时 * $('body').everyTime('2das','C',function(){ * //执行一个会超过20秒以上的程式 * },0,true); * * *********************************************************** * oneTime(时间间隔, [计时器名称], 呼叫的函式) *********************************************************** * 倒数10秒后执行 * $('body').oneTime('1das',function(){ * //do something... * }); * * 倒数100秒后执行,并命名计时器名称为D * $('body').oneTime('1hs','D',function(){ * //do something... * }); * * ************************************************************ * stopTime ([计时器名称], [函式名称]) * ************************************************************ * 停止所有的在$('body')上计时器 * $('body').stopTime (); * * 停止$('body')上名称为A的计时器 * $('body').stopTime ('A'); * * 停止$('body')上所有呼叫test()的计时器 * $('body').stopTime (test); * * 自定义时间单位,打开源代码,找到 * powers: { * // Yeah this is major overkill... * 'ms': 1, * 'cs': 10, * 'ds': 100, * 's': 1000, * 'das': 10000, * 'hs': 100000, * 'ks': 1000000 * } * 可以定制自己想要的单位 * **/ jQuery.fn.extend({ everyTime: function(interval, label, fn, times) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, times); }); }, oneTime: function(interval, label, fn) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, 1); }); }, stopTime: function(label, fn) { return this.each(function() { jQuery.timer.remove(this, label, fn); }); } }); jQuery.extend({ timer: { global: [], guid: 1, dataKey: "jQuery.timer", regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/, powers: { // Yeah this is major overkill... 'ms': 1, 'cs': 10, 'ds': 100, 's': 1000, 'das': 10000, 'hs': 100000, 'ks': 1000000 }, timeParse: function(value) { if (value == undefined || value == null) return null; var result = this.regex.exec(jQuery.trim(value.toString())); if (result[2]) { var num = parseFloat(result[1]); var mult = this.powers[result[2]] || 1; return num * mult; } else { return value; } }, add: function(element, interval, label, fn, times) { var counter = 0; if (jQuery.isFunction(label)) { if (!times) times = fn; fn = label; label = interval; } interval = jQuery.timer.timeParse(interval); if (typeof interval != 'number' || isNaN(interval) || interval < 0) return; if (typeof times != 'number' || isNaN(times) || times < 0) times = 0; times = times || 0; var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {}); if (!timers[label]) timers[label] = {}; fn.timerID = fn.timerID || this.guid++; var handler = function() { if ((++counter > times && times !== 0) || fn.call(element, counter) === false) jQuery.timer.remove(element, label, fn); }; handler.timerID = fn.timerID; if (!timers[label][fn.timerID]) timers[label][fn.timerID] = window.setInterval(handler,interval); this.global.push( element ); }, remove: function(element, label, fn) { var timers = jQuery.data(element, this.dataKey), ret; if ( timers ) { if (!label) { for ( label in timers ) this.remove(element, label, fn); } else if ( timers[label] ) { if ( fn ) { if ( fn.timerID ) { window.clearInterval(timers[label][fn.timerID]); delete timers[label][fn.timerID]; } } else { for ( var fn in timers[label] ) { window.clearInterval(timers[label][fn]); delete timers[label][fn]; } } for ( ret in timers[label] ) break; if ( !ret ) { ret = null; delete timers[label]; } } for ( ret in timers ) break; if ( !ret ) jQuery.removeData(element, this.dataKey); } } } }); jQuery(window).bind("unload", function() { jQuery.each(jQuery.timer.global, function(index, item) { jQuery.timer.remove(item); }); });
- ››jquery .ajax方法 异步表单,接收服务器返回的数据...
- ››jquery 添加\删除 cookie
- ››jquery 正则表达式判断是否为正确邮箱格式
- ››jQuery EasyUI 数字框(NumberBox)用法
- ››JQuery中对option的添加、删除、取值
- ››JQuery实现下拉,单选,复选三大控件方法,
- ››jquery实现判断输入文字个数的代码
- ››jQuery bxCarousel实现图片滚动切换效果
- ››jQuery弹性滑动导航菜单
- ››jquery实现全选反选功能
- ››jQuery 屏蔽单个元素使用户无法点击
- ››jquery做复选框的全选、全部选、反选更加简单
更多精彩
赞助商链接