`

定时器 倒计时的一个实现

JavaScriptprototypeHTML 
阅读更多 
<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>

 

分享到：
| struts2 gb2312 HttpURLConnection乱码问题 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    定时器倒计时-飞思卡尔

    "定时器倒计时-飞思卡尔"这个项目可能是一个基于飞思卡尔微处理器的定时器实现，用于执行特定时间间隔的任务或者进行倒计时操作。飞思卡尔是一家知名的半导体公司，其微控制器和处理器被广泛应用在各个领域，包括...

    jquery.flipcountdown翻页定时器倒计时插件

    《jQuery.flipcountdown：翻页定时器倒计时插件详解》 在Web开发中，时间显示和倒计时功能常常被用于各种场景，比如活动预告、产品上线倒计时等。jQuery作为一款广泛使用的JavaScript库，提供了丰富的插件来满足...

    倒计时，顺计时定时器

    倒计时定时器从一个预设的数值开始，随着时间的流逝递减，直至达到零。在给定的描述中，低三位LED数码管从9.59开始倒计时到0.00。这通常涉及到一个递减计数器，每经过一个单位时间（如秒或毫秒），计数值减1，直到...

    定时器— 倒计时

    定时器倒计时，距离抢购时间还有多少天多少小时等

    Delphi LED风格倒计时定时器.rar

    在本资源中，我们关注的是一个使用Delphi编程语言实现的LED风格倒计时定时器。这个定时器具有类似于液晶电子显示屏的视觉效果，能够提供吸引人的倒计时功能。Delphi是一种基于Object Pascal的集成开发环境（IDE），...

    Lua实现跟py的sleep一样的定时器功能，在倒计时结束时调用函数

    Lua实现跟py的sleep一样的定时器功能，在倒计时结束时调用函数

    C# 定时器(倒计时)示例源码

    在本示例中，我们将探讨如何使用C#创建一个倒计时定时器。倒计时定时器通常用于实现各种计时功能，如倒计时到特定时间、限时活动等。 首先，`WindowsFormsTime.sln`是Visual Studio的一个解决方案文件，它包含了...

    交通灯测试 使用定时器学习 倒计时 红绿灯原理

    在本文中，我们将深入探讨“交通灯测试”，这是一种利用定时器和倒计时技术来模拟红绿灯工作原理的学习实践。交通灯系统是城市交通管理的核心组成部分，它通过精确的时间控制确保交通流畅和安全。我们将从以下几个...

    基于74系列数字电路芯片实现的倒计时定时器Multisim仿真源文件.zip

    【压缩包子文件的文件名称列表】中，“倒计时定时器（改进）.ms10”和“倒计时定时器.ms10”可能是两个不同的倒计时定时器设计版本，其中“改进”可能表示一个优化或更新后的设计，两者都是Multisim的工程文件格式，...

    PPT倒计时定时器

    这个定时器是通过VBA（Visual Basic for Applications）编程实现的，它允许用户在PowerPoint演示文稿中设置一个倒计时，一旦设定的时间结束，PPT会自动关闭，确保活动按计划进行。 VBA是Microsoft Office套件中的...

    倒计时定时器A【74LS161 74LS192】Multisim仿真源文件，Multisim10以上版本可打开运行.zip

    这篇文档将深入探讨倒计时定时器的实现，特别是基于74LS161和74LS192集成电路的电路设计。74LS161是一款四位二进制同步加法计数器，而74LS192则是一款四位二进制同步减法计数器。这两款芯片在数字电子学中被广泛用于...

    Android RecycleView全部item倒计时的高效实现

    这通常可以使用`CountDownTimer`类来实现，该类提供了一个在指定时间间隔内重复的倒计时。每个item的倒计时应该有自己的`CountDownTimer`实例，以避免相互影响。 2. **适配器的改进**：在RecycleView的适配器中，...

    STM32 V3.0 电子时钟+温度+倒计时+闹钟

    【STM32 V3.0 电子时钟+温度+倒计时+闹钟】项目是一个基于STM32微控制器的综合性嵌入式系统设计，它整合了多种实用功能，如时间显示、温度测量、倒计时以及闹钟设置。STM32是一款广泛使用的ARM Cortex-M系列单片机，...

    倒计时定时器multisim仿真源文件

    总结来说，这个倒计时定时器的Multisim仿真源文件是一个很好的学习资源，它涵盖了数字逻辑电路、计数器工作原理、触发器应用以及电路仿真技术等多个方面的知识点。对于电子工程学生或爱好者来说，通过这个项目可以...

    倒计时定时器A【74LS161 74LS192】电路multisim仿真源文件.zip

    本压缩包文件包含了一个基于74LS161和74LS192集成电路的倒计时定时器的Multisim仿真源文件，适用于Multisim 10或更高版本。通过这个仿真模型，我们可以深入理解这两种芯片的工作原理以及如何组合使用它们来构建倒...

    jquery实现倒计时，支持多行分别无限循环倒计时

    本项目聚焦于使用jQuery实现一个功能丰富的倒计时功能，尤其关注多行独立且无限循环的倒计时应用。 倒计时是网页中常见的动态效果，常见于活动开始时间预告、考试倒计时或定时任务等场景。jQuery实现倒计时的核心...

    jQuery翻转倒计时定时器插件

    总的来说，**jQuery翻转倒计时定时器插件**是一个强大且灵活的工具，不仅提供了吸引人的视觉效果，还允许开发者轻松定制和扩展，适用于各种需要倒计时功能的Web项目。通过深入理解其工作原理和配置选项，开发者可以...

    数电课程设计- 倒计时定时器.zip

    另一个停止按钮用于暂停或结束倒计时。这可以通过非门、与门等逻辑门实现。 2. **复位功能**：复位按钮用于将计时器归零，无论当前处于什么状态，都能立即回到初始设定值。这通常通过一个同步复位信号来实现，确保...

    运用定时器函数制作计时器

    本实例编写的计时器有倒计时和正常计时两种计时方式，还可以水平滑块调节计时的快慢。如果需要在计时结束时发出声音提示，可以选中复选框开启蜂鸣器响功能。具体方法请观看我的博客...

    Android 定时器+倒计时 仿淘宝秒杀

    以下是一个简单的倒计时示例： ```java new CountDownTimer(30000, 1000) { // 倒计时30秒，每隔1秒更新 public void onTick(long millisUntilFinished) { TextView textView = findViewById(R.id.countdown_...

Magicbox
Global site tag (gtag.js) - Google Analytics