`

定时器 倒计时的一个实现

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乱码问题 ...
评论
发表评论

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

相关推荐

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

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

    1706-基于51单片机的倒计时秒表（倒计时、秒表、复位、启动）proteus、原理图、流程图、物料清单、仿真图、源代码.zip

    1.设计一个倒计时秒表电路，此电路能够自由设定倒计时时间，时间格式采用时、分、秒的形式，通过启动按键，控制倒计时开始。2.此计时器能够手动暂停，即出现临时特殊情况，需要暂停倒计时，后期还希望继续倒计时的...

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    上文提供了一个通过 JavaScript 实现网页倒计时展示的示例代码，该代码可以方便地借助浏览器特性，在 HTML 中实现简洁美观的倒计时效果。下文将对该代码进行详细分析和描述，并阐述适用人群、使用场景及目标、以及...

    js+css3倒计时动画特效

    1. **css**：这是一个CSS样式表文件，其中包含了实现倒计时动画效果的CSS代码。 2. **index.html**：这是HTML文件，是网页的主体，包含了倒计时组件的HTML结构，并链接了CSS和JavaScript文件。 3. **js**：这是...

    iOS倒计时-自己写的倒计时

    本项目中，开发者创建了一个自定义的倒计时组件，实现了每个数字单独显示在一个标签上的效果。这种设计可以使得倒计时更加直观且易于阅读。 在`LYDaoJiShi.h`和`LYDaoJiShi.m`这两个文件中，我们可以预计开发者定义...

    C语言倒计时器

    在本文中，我们将深入探讨如何使用C语言编写一个倒计时器程序。C语言是一种强大的、低级的编程语言，适合构建系统级和性能敏感的应用程序。倒计时器是日常生活中常见的一种实用工具，它可以帮助用户跟踪时间，通常...

    电子密码锁倒计时电路

    4. 定时器电路：可以使用单片机内部的定时器或者额外的定时IC，如555定时器，实现倒计时功能。 5. 按钮：可能包括复位按钮，用于重新开始密码输入或结束倒计时。 6. 电源管理：为整个系统供电，可能包括电池和稳压器...

    aspnet模仿淘宝聚划算一个倒计时和一页多个倒计时例子

    - 引入jQuery或原生JavaScript实现定时器功能，每隔一定时间（如1秒）发送AJAX请求到后端获取最新的倒计时数据。 - AJAX成功回调函数中，解析返回的JSON数据，更新页面上的倒计时显示。 4. **多倒计时管理**： -...

    定时器倒计时-飞思卡尔

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

    篮球比赛24秒倒计时计时器设计

    - 该课程设计旨在应用数字电子技术，设计一个篮球比赛中使用的24秒倒计时计时器。 - 在篮球比赛中，为了确保比赛的公平性和流畅性，设置了24秒进攻规则，即持球队必须在获得球后的24秒内尝试投篮，否则将被判违例...

    Android 倒计时程序

    - **倒计时实现**: 在C#中，你可以使用`System.Threading.Timer`或自定义异步操作来实现倒计时逻辑，类似于`CountDownTimer`的工作方式。 - **绑定原生Android组件**: Xamarin通过绑定Java类型使开发者能直接使用...

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

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

    倒计时器源码vc++6..0版（MFC ）

    倒计时逻辑可能在某个自定义类中实现，比如继承自`CWnd`的类，这个类会有一个定时器（`CTimer`）来周期性地检查时间并更新UI。定时器的触发事件可能会关联到一个成员函数，该函数负责计算剩余时间并调用`Invalidate`...

    倒计时，顺计时定时器

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

    倒计时js效果

    本篇文章将详细讲解如何利用JavaScript实现一个倒计时功能，并探讨相关知识点。 首先，理解倒计时的基本原理是至关重要的。倒计时是通过计算当前时间与设定目标时间之间的差值，然后不断更新这个差值，直至到达目标...

    ios 圆环倒计时的demo

    总之，这个"ios 圆环倒计时的demo"结合了`UIProgressView`的自定义、定时器技术、用户交互处理和可能的自定义视图，为我们提供了一个实用的、视觉吸引人的倒计时组件。开发者可以学习和借鉴这个demo，将其应用到自己...

    JavaScript--倒计时

    本篇将深入探讨如何利用JavaScript实现一个功能完备的倒计时功能。 首先，我们需要理解倒计时的基本逻辑。倒计时的核心是计算当前时间与目标时间之间的差值，并根据这个差值实时更新显示的时间。JavaScript中的Date...

    基于单片机的倒计时系统

    总结，基于单片机的倒计时系统是一个集硬件和软件于一体的实时控制系统，通过合理选择单片机型号和优化软件设计，可以实现高效、可靠的倒计时功能。随着技术的进步，这种系统在更多领域的应用将变得更加广泛和便捷。

    用c#实现倒计时关电脑

    在C#编程环境中，实现一个倒计时关机功能是一项实用的任务，这通常涉及到操作系统级别的交互，例如调用Windows API函数。以下是一个详细的步骤解析，教你如何使用C#来实现这个功能。 首先，我们需要理解倒计时关机...

    程序代码_倒计时_

    总的来说，这个"程序代码_倒计时_"项目提供了一个学习汇编语言倒计时程序设计的机会。它涉及了汇编语言的基本指令、中断处理、状态管理、流程控制等多个方面，对于深入理解计算机底层工作原理非常有帮助。通过阅读和...

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