<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> 定时器 倒计时的一个实现 </title>
</head>
<body>
<div id="timerShow" style="width:100px;height:20px;color:red;border:#ccc solid 1px;text-align: center;"></div>
<script type="text/javascript">
function Timer(id){
this.element = document.getElementById(id);
this.timer = null;
this.count = 0;
}
Timer.prototype = {
begin : function(count,time){
this.count = count;
this.time = time || 500;//默认500ms执行一次
this.show();
var _this = this;
this.timer = setInterval(function(){_this.show();}, _this.time);
},
show : function(){
this.element.innerHTML = this.count < 0 ? clearInterval(this.timer) || "0" : this.count--;
}
}
var t = new Timer("timerShow");
//倒计时,从60开始,每100ms减1,到0停止
t.begin(60,100);
t.show();
</script>
</body>
</html>
分享到:
相关推荐
定时器倒计时,距离抢购时间还有多少天多少小时等
Lua实现跟py的sleep一样的定时器功能,在倒计时结束时调用函数
PLC技术应用 源程序2-3-1:应用定时器、计数器及减法指令实现九秒钟倒计时.pdf 学习资料 复习资料 教学资源
Android RecycleView全部item倒计时的高效实现
基于74系列数字电路芯片实现的倒计时定时器Multisim仿真源文件,multisim10及以上版本可以正常打开仿真
倒计时报警 四短一长报警声 daojishi:PROCESS(CLK,EN) VARIABLE L:STD_LOGIC_VECTOR(3 DOWNTO 0); BEGIN IF CLK'EVENT AND CLK='1' THEN ----10秒倒计时 IF EN='0' THEN IF L=0 THEN S; ---超时连续报警 ...
本实例编写的计时器有倒计时和正常计时两种计时方式,还可以水平滑块调节计时的快慢。如果需要在计时结束时发出声音提示,可以选中复选框开启蜂鸣器响功能。具体方法请观看我的博客...
倒计时定时器A【74LS161 74LS192】Multisim仿真源文件,Multisim10以上版本可打开运行
2分钟倒计时,可实现页面切换、APP处于后台 或者 APP 关闭 倒计时继续(代码中private static final int TIME_DIFF = 120*1000;//时间间隔 2分钟 被我标成10分钟了 自己改下注释 我就不改了 )
主要为大家详细介绍了js定时器实现倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
单片机控制的100s倒计时 (1)用单片机AT89C51的定时器实现100s倒计时。用两位数码管静态显示倒计时秒值。 (2)用PROTEUS设计,仿真基于AT89c51单片机的100s倒计时实验
单片机60秒倒计时,含C语言及汇编程单片机60秒倒计时,含C语言及汇编程序,定时器中断序,定时器中断
QT 实现倒计时 完整工程 ,精确到 毫秒 ms timer = new QTimer(); connect( timer, SIGNAL(timeout()), this, SLOT(timerOver()) ); timer->start( 1 ); //一秒钟后开始触发,然后一m秒一次
使用vue3开发时钟、倒计时组件组件,实现电子时钟、钟表、农历、秒表、定时器及各种预定义样式等。封装为组件,可直接调用,通过参数可指定样式、效果、动画时间等。提供实例源码、开发过程视频及实现过程。 使用...
六位LED数码管同时开始计时,高三位实现从0.00~9.59顺计时,低三位实现从9.59~0.00倒计时
使用通用定时器定时产生0.01秒基时,进而产生秒、分,...用4个按钮控制正计时、倒计时、启动、停止。在LCD上显示出当前的计时方式(正计时、倒计时)。 按正计时、倒计时按钮后,显示出开始的时间,分别为0和30分钟。
jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
基于AT89C52单片机做的简易时钟,通过数码管显示小时,分钟,秒,利用定时器来精确计时,可以通过按键调整时分秒的数字,另外可在代码里设置闹铃时间,到达设定值蜂鸣器响起。代码清晰,有备注,方便初学者学习。