一个用javascript实现的简单定时器

一个用javascript实现的简单定时器
最近,很多微信互动游戏已经写,如下面的雪花,有限的时间点击,赢得奖品,限时拼图,时间有限的答案,等都是有限的时间游戏。

有4个时间限制,是的,是的,这是最新的计时器…

嗯,定时器在setTimeout和setInterval或实现,代码不超过十行。

但不要阻止任何心态,写一个可重复使用的定时器。

1。倒计时也可以计时。

2。复位,暂停,停止,启动功能

定时器
window.timer =(功能){
函数mod(选择){
具有默认值的可配置参数
需要参数
this.ele = typeof(选择。ELE)= = 'string' document.getelementbyid(选择。ELE):opt.ele; / /元素
可选参数
this.startt =选择。,| | 0; / /时基
this.endt =选择= =。最后'undefined '24×60×60:opt.endt; / /默认为一天的结束时间
this.setstr =选择。setstr | |无效; / /字符串连接
this.countdown =选择。倒计时| |虚假; / /倒计时
this.step =选择| |。步骤1000;
配置参数不
this.timev = this.startt; / /当前时间
this.startb = false; / /开始时间
this.pauseb = false; / /是否暂停
This.init();
}
mod.prototype = { {
构造函数:'timer,
init:函数(){
this.ele.innerhtml = this.setstr(这。中旅总社);
},
开始:函数(){
如果(这。pauseb = =真的| | this.startb = = true){
this.pauseb = false;
返回;
}
如果(这倒计时= = falsethis。检测<=这。cardinalnum){
返回false;
} else if(这倒计时= = truethis。检测> =这。,){
返回false;
}
this.startb =真;
var v = this.startt,
这this_ =,
动物= null;
动物= setInterval(){()函数(
If (this_.startB==false||v==this_.endT) {clearInterval (anim); return false}
如果(this_。pauseb = = TRUE)返回;
this_。中旅总社= this_。倒计时- V + V;
this_。ele.innerhtml = this_。setstr(this_。中旅总社);
},this_步骤);
},
重置:函数(){
this.startb = false;
this.timev = this.startt;
this.ele.innerhtml = this.setstr(这。中旅总社);
},
暂停:函数(){
如果(this.startb = =真)this.pauseb =真;
},
停止:函数(){
this.startb = false;
}
}
回归模型;
});
调用模式:

无功timero_1 =新的定时器({
Ele:'box1,
0,,
EndT:15,
setstr:功能(NUM){
返回数字;
}
});
无功timero_2 =新的定时器({
Ele:'box2,
30,,
EndT:0,
倒计时:真的,
步骤500,
setstr:功能(NUM){
返回数字;
}
});
这里介绍的方法setstr之前写入电子计数器的计算时间是一个字符串处理

倒计时倒计时是顺时针的。

你可以通过timero.timev获得当前时间

以上是本文的全部内容,希望大家能喜欢。

tag:简单电脑软件Javascript

相关内容