当前位置:首页 > 日记 > 正文

一个用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获得当前时间

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

相关文章

PowerPoint超链接字体颜色修改,如何

PowerPoint超链接字体颜色修改,如何

超链接,下划线,修改,删除,字体颜色,PPT幻灯片制作时经常会遇到这个问题。在向文本添加超链接后,发现链接的颜色是蓝色的,并且有下划线。这种效果与主题的颜色搭配很受影响。有没有办法去掉PPT中的超链接下划线然后更改超文本的文本颜色针对PP…

在Word2010打印改变Word2010教程详

在Word2010打印改变Word2010教程详

教程,详细介绍,电脑软件,在Word2010,没有打印和打印预览按钮,并打印相关内容的Word2010文件菜单下选择打印选项集成在Word2010文件菜单中的打印选项。Word2010打印接口分为两个部分,左侧是打印设置中的打印机类型可以设置,和打印方向和打印页码…

QQ空间应用——QQ海底QQ的常见问题

QQ空间应用——QQ海底QQ的常见问题

常见问题,空间,电脑软件,QQ,梦境是鱼的游戏中,玩家可以扮演各种各样的鱼,他们在游戏中一样,可以用各种装饰,使他们的海底世界多姿多彩。 玩家可以在海底捕鱼,长成成鱼。过了一会儿,他们会掉一枚金币。金币会自动在宝盒里收集。玩家可以收集金币或…

ps在叶片上产生真实的水滴效应

ps在叶片上产生真实的水滴效应

效应,叶片,水滴,真实,电脑软件,本文主要介绍PS制作生动水滴对叶片的作用。这个过程很简单,你喜欢的朋友可以一起学习。 现在我们开始使用ps绘制水滴。首先打开PS软件,然后打开一张叶子的图片。之后,我们在背景层上绘制一个椭圆选择。 经过以上…

AI是如何将线条转换成色块的

AI是如何将线条转换成色块的

转换,成色,如何将,线条,电脑软件,AI是如何将线条转换成色块的AI将线条变为颜色块,这是一个常见且实用的功能。但是很多朋友不知道怎么做,下面是一个将AI转换成色块的详细教程。这很简单,你需要的朋友可以参考一下。 AI将线条变为色块,这是一个…

如何在excel表中正常输入身份证号

如何在excel表中正常输入身份证号

输入,身份证号码,如何在,电脑软件,excel,在大多数的时候我们的标签在Excel中就会发现,经常有一些数据输入到细胞内时,它的改变,例如:Excel输入01,细胞将只显示一个1,在前面的;0莫名其妙的消失,世界联盟问题在前作的一个解决方案,你可以去前面看看。…

我怎样在手机锁里更改我的电话号码

我怎样在手机锁里更改我的电话号码

常见问题,电话号码,电脑软件,QQ,当电话被锁定时,建议您在更改电话号码之前先解锁QQ号。 如果你忘记了解锁,你也可以解锁以下两种方式: 1、等待15天自动解锁; 2、通过手机安全账号呼吁重置(在自动放电成功后呼吁手机保密,可以重置新密码保护手…

网页宽度的实现代码自动适应手机屏

网页宽度的实现代码自动适应手机屏

视口,网页,宽度,手机屏幕,代码,本文主要介绍了网页宽度自动实现手机屏幕宽度的实现代码,需要的朋友可以参考一下。 一般的写作方法如下: xml代码将内容复制到剪贴板。 写作的许多方法: xml代码将内容复制到剪贴板。 一 将这句话添加到网页允…

昏暗的光线PS图象处理软件V对漂亮

昏暗的光线PS图象处理软件V对漂亮

图象,昏暗,光线,处理软件,漂亮,在介绍自夏的彩色图形,Xiao Bian today继续为PS图象处理软件的道路上夏光朦胧美图片教程给大家,有兴趣的朋友可以看看。 天空是灰色的图像,整体看起来不协调。处理时先把主色调给暖,再给天空加上轻材料,然后总的…

自动添加表单项到jQuery的方法

自动添加表单项到jQuery的方法

方法,表单,电脑软件,jQuery,本文演示了自动添加表单项到jQuery的方法: 这里,单击按钮动态添加表单输入项。 $(函数(){()) VAR需要比较的字段为1; $(# addfieldbutton)。Click(function(){) fieldcount + +; 如果(fieldcount 5) { VaR FieldID =recipient_ema…

php实现图像和其他缩放代码

php实现图像和其他缩放代码

图像,缩放,代码,电脑软件,php,新文件index.php,你需要统计目录下有一张q.jpg(可以根据源代码改变图片的名称) 源代码如下所示: 为文件名=q.jpg ; $ = 0.3; 列表($宽度、高度美元)= getimagesize($文件名); n_w =宽度*美元美元美元; n_h美元美元美元=…

电子商务旗帜图设计中的促销定位

电子商务旗帜图设计中的促销定位

定位,促销,电脑软件,下面是一个电子商务广告横幅设计的推广定位,教程很好,很值得学习,推荐喜欢的朋友一起学习。 谢谢您的支持,我们将在今天的业务设计中讨论促销的位置,后面是一篇关于促销级别的文章。…