`
wuzijingaip
  • 浏览: 331544 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery timer

    博客分类:
  • java
阅读更多
jquery 计时器

提供了三个函式
1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])
2. oneTime(时间间隔, [计时器名称], 呼叫的函式)
3. stopTime ([计时器名称], [函式名称])

jQuery.fn.extend({
			everyTime : function(interval, label, fn, times, belay) {
				return this.each(function() {
							jQuery.timer.add(this, interval, label, fn, times,
									belay);
						});
			},
			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 : {
		guid : 1,
		global : {},
		regex : /^([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 = parseInt(result[1], 10);
				var mult = this.powers[result[2]] || 1;
				return num * mult;
			} else {
				return value;
			}
		},
		add : function(element, interval, label, fn, times, belay) {
			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 (times && times.constructor != Number) {
				belay = !!times;
				times = 0;
			}

			times = times || 0;
			belay = belay || false;

			if (!element.$timers)
				element.$timers = {};

			if (!element.$timers[label])
				element.$timers[label] = {};

			fn.$timerID = fn.$timerID || this.guid++;

			var handler = function() {
				if (belay && this.inProgress)
					return;
				this.inProgress = true;
				if ((++counter > times && times !== 0)
						|| fn.call(element, counter) === false)
					jQuery.timer.remove(element, label, fn);
				this.inProgress = false;
			};

			handler.$timerID = fn.$timerID;

			if (!element.$timers[label][fn.$timerID])
				element.$timers[label][fn.$timerID] = window.setInterval(
						handler, interval);

			if (!this.global[label])
				this.global[label] = [];
			this.global[label].push(element);

		},
		remove : function(element, label, fn) {
			var timers = element.$timers, 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)
					element.$timers = null;
			}
		}
	}
});

if (jQuery.browser.msie)
	jQuery(window).one("unload", function() {
				var global = jQuery.timer.global;
				for (var label in global) {
					var els = global[label], i = els.length;
					while (--i)
						jQuery.timer.remove(els[i], label);
				}
			});




使用如下:


	$(this).oneTime( 1000 , function(){
		can_click = true ; ;
	} );



分享到:
评论

相关推荐

    jquery timer, -.1.2.js

    《jQuery Timer 深度解析:-.1.2.js 版本详解》 在Web开发领域,jQuery库以其简洁易用的API和丰富的功能深受开发者喜爱。本文将深入探讨jQuery Timer插件,特别是针对-.1.2.js版本,旨在帮助读者理解和掌握这个强大...

    Jquery Timer.zip

    《jQuery Timer:构建动态计时前端应用》 在前端开发中,时间控制是不可或缺的一部分,尤其是在创建实时更新、倒计时或定时任务等场景。jQuery Timer是一款基于jQuery库的插件,它为开发者提供了简单易用的时间控制...

    jquery.timer.js

    jquer开发时间格式化资源,网络收集,收集于网络资源

    jquery.timer.js 动态显示时间

    《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...

    jQuery Timer:在任何HTML元素内启动/停止/恢复/删除漂亮的计时器。-JavaScript开发

    jQuery Timer:在任何HTML元素内启动/停止/恢复/删除漂亮的计时器。 jQuery Timer插件轻量级,经过良好测试的jQuery漂亮计时器插件在任何HTML元素内启动,暂停,恢复和删除计时器。 在特定时间后或定期获取通知。 在...

    jQuery计时器插件jQueryTimer

    **jQuery Timer插件详解** jQuery Timer是一款非常实用的JavaScript库,专为在HTML元素中添加启动、停止、恢复和移除计时器功能而设计。它使得开发者能够轻松地在网页上实现各种计时功能,比如倒计时、定时提醒等,...

    JQuery Timer控件插件

    纯JS编写的JS时间控制器插件,兼容大多数浏览器。

    JQuery 定时器 (Jquery Timer 插件) 下载及示例(转).docx

    jQuery Timers 是一个用于创建定时器功能的插件,它扩展了jQuery库,提供了一种简单的方式来定期执行函数或只执行一次函数。这个插件包含三个主要函数:everyTime、oneTime 和 stopTime,使得开发者可以更灵活地控制...

    JQuery 定时器 (Jquery Timer 插件) 下载及示例(转).pdf

    JQuery Timers 是一个jQuery插件,它扩展了JavaScript的定时功能,提供了更加灵活和方便的方式来执行定时任务。这个插件包含三个主要函数:`everyTime`、`oneTime` 和 `stopTime`,用于周期性执行、一次性执行以及...

    jquery UI timerpicker

    **jQuery UI Timerpicker** jQuery UI Timerpicker 是一个基于 jQuery UI 库的插件,它扩展了标准的 HTML5 时间输入控件,为用户提供了一个交互式的、可自定义的时间选择器。这个插件允许用户在网页上更直观地选择...

    timer.jquery:jQuery计时器:StartStopResume在任何HTML元素内删除漂亮的计时器

    jQuery Timer插件轻巧,经过测试 jQuery漂亮计时器插件在任何HTML元素内启动,暂停,恢复和删除计时器。 在特定时间后或定期获取通知。 在计时器运行时单击并编辑时间! 在同一页面上启用多个计时器。 |入门使用此...

    jquery特效插件

    插件如`Countdown.js`和`jQuery Timer`,可用于倒计时、定时提醒或动态计数。 以上只是jQuery特效插件的冰山一角,实际上还有许多其他类型的插件,如图库、图表、地图、轮盘、滚动条优化等,每个都为开发者提供了...

    timer-plugin:一个示例 jQuery 插件,用于谈论 jQuery 插件

    一个示例 jQuery 插件,用于谈论 jQuery 插件

    jquery.timers-1.2.js

    jquery.timers-1.2.js 定时器插件

    简单实用的jQuery计时器插件.zip

    总结来说,timer.jquery插件是一款实用的jQuery计时器解决方案,它的易用性和广泛的浏览器支持使其成为开发者实现计时功能的理想选择。无论你是新手还是经验丰富的前端开发者,都能快速地在项目中集成并定制计时器...

    简单实用的jQuery计时器插件

    "timer.jquery"这款插件以其简洁的API和强大的功能,深受开发者喜爱。下面我们将深入探讨这款插件的使用方法、主要特性以及如何在项目中集成。 首先,jQuery库是JavaScript的一个轻量级框架,它简化了DOM操作、事件...

Global site tag (gtag.js) - Google Analytics