一个JS定时器类
学习js,因为函数和定时器直接的关系是非绑定的。我不能说我开启一个定时,然后拿一个变量去记录这个setInterval的返回值,这样很麻烦。
本着面向对象的思想,利用业余时间(周末在家里)写了一个类,用来管理定时器。
吐槽下jQuery,不知道是不是我的jQuery版本太低,貌似jQuery没有提供很好的定时器管理类。
好废话不多说,上代码:
function TimeControlEx() {
var nCount = 0;
var oTimerIDs = []; //ID,Name
var that = this;
var nTimerId = 0;
this.ExecOnce = function (funcid) {
if (oTimerIDs[funcid].Limit == 0) {
//只要归零了,肯定是定时的,对于这种,就得关闭
clearInterval(oTimerIDs[funcid].TimerID);
}
};
this.add = function (nSec, oFunction, sName, nTimes) {
///<param name="nSec">延迟时间,毫秒</param>
///<param name="oFunction">调用函数</param>
///<param name="sName">定时器名称(可选)</param>
///<param name="nTimes">循环次数(可选)</param>
//todo:根据各个参数来创建,基础的参数是nSec和oFunction
var nParams = arguments.length;
var obj;
switch (nParams) {
case 2:
//两个参数,自动增加
nTimerId = setInterval(oFunction, nSec);
obj = {
ID: nCount,
TimerID:nTimerId,
Name: String(nCount),
Interval: nSec,
Limit: -1
};
oTimerIDs.push(obj);
break;
case 3:
//三个参数
nTimerId = setInterval(oFunction, nSec);
obj = {
ID: nCount,
TimerID: nTimerId,
Name: sName,
Interval: nSec,
Limit: -1
};
oTimerIDs.push(obj);
break;
case 4:
//四个参数
obj = {
ID: nCount,
TimerID: nTimerId,
Name: sName,
Interval: nSec,
Limit: nTimes
};
oTimerIDs.push(obj);
break;
default:
return;
}
};
this.CloseTimer = function (sTimerName) {
///<param name="sTimerName">计时器的名字,或ID</param>
if (typeof (sTimerName) == "number") {
//按照数字方法关闭
for (var j = 0; j < oTimerIDs.length; j++) {
if (oTimerIDs[j].ID == sTimerName) {
clearInterval(oTimerIDs[j].TimerID);
oTimerIDs = oTimerIDs.splice(j, 1);
nCount--;
break;
}
}
} else {
//按照字符串方式关闭
for (var m = 0; m < oTimerIDs.length; m++) {
if (oTimerIDs[m].Name == sTimerName) {
clearInterval(oTimerIDs[m].TimerID);
oTimerIDs.splice(m, 1);
nCount--;
break;
}
}
}
};
}
编辑:今天查看后,发现代码存在严重的bug,修复了一下,现在放出修改后的代码:
function TimeControlEx() {
var nCount = 0;
var oTimerIDs = []; //ID,Name
var that = this;
var nTimerId = 0;
this.ExecOnce = function (funcid) {
if (oTimerIDs[funcid].Limit == 0) {
//只要归零了,肯定是定时的,对于这种,就得关闭
clearInterval(oTimerIDs[funcid].TimerID);
}
};
this.add = function (nSec, oFunction, sName, nTimes) {
///<param name="nSec">延迟时间,毫秒</param>
///<param name="oFunction">调用函数</param>
///<param name="sName">定时器名称(可选)</param>
///<param name="nTimes">循环次数(可选)</param>
//todo:根据各个参数来创建,基础的参数是nSec和oFunction
var nParams = arguments.length;
var obj;
switch (nParams) {
case 2:
//两个参数,自动增加
nTimerId = setInterval(oFunction, nSec);
obj = {
ID: nCount,
TimerID: nTimerId,
Name: String(nCount),
Interval: nSec,
Limit: -1
};
oTimerIDs.push(obj);
break;
case 3:
//三个参数
nTimerId = setInterval(oFunction, nSec);
obj = {
ID: nCount,
TimerID: nTimerId,
Name: sName,
Interval: nSec,
Limit: -1
};
oTimerIDs.push(obj);
break;
case 4:
//四个参数
obj = {
ID: nCount,
TimerID: 0,
Name: sName,
Interval: nSec,
Limit: nTimes
};
var oFunc = function (oThis, oMyFunc) {
var oThat = oThis;
var oMyFun = oMyFunc;
var oRun = function () {
if (oThat.Limit > 0 || oThat.Limit == -1) {
oMyFun(); //执行传入的函数
if (oThat.Limit > 0) oThat.Limit--;
} else {
//自行了断
clearInterval(oThat.TimerID);
}
};
return oRun;
};
nTimerId = setInterval(oFunc(obj, oFunction), nSec);
obj.TimerID = nTimerId;
oTimerIDs.push(obj);
break;
default:
return;
}
};
this.CloseTimer = function (sTimerName) {
///<param name="sTimerName">计时器的名字,或ID</param>
if (typeof (sTimerName) == "number") {
//按照数字方法关闭
for (var j = 0; j < oTimerIDs.length; j++) {
if (oTimerIDs[j].ID == sTimerName) {
clearInterval(oTimerIDs[j].TimerID);
oTimerIDs = oTimerIDs.splice(j, 1);
nCount--;
break;
}
}
} else {
//按照字符串方式关闭
for (var m = 0; m < oTimerIDs.length; m++) {
if (oTimerIDs[m].Name == sTimerName) {
clearInterval(oTimerIDs[m].TimerID);
oTimerIDs.splice(m, 1);
nCount--;
break;
}
}
}
};
}
谢谢大家的支持
一个JS定时器类的更多相关文章
- 一个js验证类
//******************************************************************* //作者: 丁伯洋 //日期: 2006-4-27 //概要 ...
- 我的第一个JS组件-跨浏览器JS调试工具
武汉九天鸟-p2p网贷系统开发-互联网应用软件开发 公司官网:http://jiutianniao.com 社交问答:http://ask.jiutianniao.com 最近,在看公司一个JS大牛 ...
- 一个重构的js分页类
// JavaScript Document /**//** * js分页类 * @param iAbsolute 每页显示记录数 * @param sTableId 分页表格属性ID值,为Strin ...
- js定时器的使用(实例讲解)
在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定 ...
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)
在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class).两种方法有着相同的功能.2种方法如下:(个人喜欢用hasClass()) 1. hasClass( ...
- 移动Web与js定时器暂停或不准确计时的问题解决
PC 上的 Firefox.Chrome 和 Safari 等浏览器,都会自动把未激活页面中的 JavaScript 定时器(setTimeout.setInterval)间隔最小值改为 1 秒以上: ...
- js定时器、高亮修改单元格背景色
window.setInterval() 功能:按照指定的周期(以毫秒计)来调用函数或计算表达式. 语法:setInterval(code,millisec) 解释:code:在定时时间到时要执行的J ...
- js定时器 特定时间执行某段程序的例子
定时器想必大家并不陌生吧,在本文为大家详细介绍下js中是如何实现定时器的,具体原理及代码如下. 例子: $(function(){ var handler = function(){ //www.jb ...
- JS创建类和对象
JavaScript 创建类/对象的几种方式 在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活 ...
随机推荐
- having 子句与where区别
having 子句,条件子句 与 where 功能.用法相同,执行时机不同. where 在开始时执行检测数据,对原数据进行过滤. having 对筛选出的结果再次进行过滤. having 字段必须是 ...
- Oracle视图详解
转载自:http://blog.itpub.net/29785807/viewspace-1270120/ 一. 视图的定义 视图(view),也称虚表, 不占用物理空间,这个也是相对概念,因为视图本 ...
- Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
- JABX简单介绍
主要引至http://suo.iteye.com/blog/1233458 一.简介 1.概念是什么:(Java Architecture for XML Binding) 是一个业界的标准,是一项可 ...
- MSCRM Plugin Debug
MS CRM 2011的自定义和开发(11)——插件(plugin)开发(四) 上面几篇文章介绍了Microsoft Dynamics CRM 2011中如何进行插件开发,本文将介绍插件的调试. 调试 ...
- 理解javascript中的原型模式
一.为什么要用原型模式. 早期采用工厂模式或构造函数模式的缺点: 1.工厂模式:函数creatPerson根据接受的参数来构建一个包含所有必要信息的person对象,这个函数可以被无数次的调用,工厂 ...
- jQuery实现登录提示
实现效果:将鼠标聚焦到邮箱地址文本框时,文本框 内的"请输入邮箱地址"文字将被清除: 若没有输入任何内容,鼠标移除后邮箱地址文本框被还原. <!DOCTYPE html& ...
- 剑指offer系列36----二叉搜索树的第k个节点
[题目]给定一颗二叉搜索树,请找出其中的第k大的结点. * 例如, 5 * / \ * 3 7 * / \ / \ * 2 4 6 8 中,按结点数值大小顺序第三个结点的值为4. 中序遍历:2 3 4 ...
- Spring实战5:基于Spring构建Web应用
主要内容 将web请求映射到Spring控制器 绑定form参数 验证表单提交的参数 对于很多Java程序员来说,他们的主要工作就是开发Web应用,如果你也在做这样的工作,那么你一定会了解到构建这类系 ...
- Zabbix agent on Microsoft Windows
1.在Windows上创建目录: C:\Windows\zabbix\ 2.下载安装包并解压到新建的目录 3.下载地址:http://www.zabbix.com/downloads/3.0.0/za ...