`

一个简单的时钟显示和暂停

阅读更多

 时钟的显示和暂停(setTimeout和clearTimeout的用法):

<script type="text/javascript">
  var iTimeoutId=0;
  function mytime(){
   var d=new Date();
   var year=d.getFullYear();//
   var month=d.getMonth()+1;//返回月份
   if(month<10){
    month="0"+month;
   }
   var date=d.getDate();//返回该日期该月中的某天
   if(date<10){
    date="0"+date;
   }
   var hour=d.getHours();//返回日期中的小时值
   var minute=d.getMinutes();
   if(minute<10)
    minute="0"+minute;
   var second=d.getSeconds();
   if(second<10)
    second="0"+second;
   //返回日期中的毫秒值
   var milesecond=d.getMilliseconds();
   var time=year+"年"+month+"月"+date+"日"+" "+hour+":"+minute+":"+second+":"+milesecond;
   document.all.t.value=time;
   iTimeoutId=setTimeout(mytime,10);
  }
  function pauseLock(){
   clearTimeout(iTimeoutId);
  }
 </script>
  </head>
  <body onload="mytime();">
   <p align="center">
    <input type="text" name="t" id="t" size="30"/>
   </p>
   <p align="center">
    <a href="javascript:pauseLock();">暂停</a>
     <a href="javascript:mytime();">继续</a>
   </p>
  </body>

 

同样也可以使用(setInterval和clearInterval的方法来实现该功能):

<script type="text/javascript">
		var iTimeoutId=0;
		function mytime(){
			var d=new Date();
			var year=d.getFullYear();//
			var month=d.getMonth()+1;//返回月份
			if(month<10){
				month="0"+month;
			}
			var date=d.getDate();//返回该日期该月中的某天
			if(date<10){
				date="0"+date;
			}
			var hour=d.getHours();//返回日期中的小时值
			var minute=d.getMinutes();
			if(minute<10)
				minute="0"+minute;
			var second=d.getSeconds();
			if(second<10)
				second="0"+second;
			//返回日期中的毫秒值
			var milesecond=d.getMilliseconds();
			var time=year+"年"+month+"月"+date+"日"+" "+hour+":"+minute+":"+second+":"+milesecond;
			document.all.t.value=time;
		}
		iTimeoutId=setInterval(mytime,10);
		function play(){
			iTimeoutId=setInterval(mytime,10);
		}
		function pauseLock(){
			clearInterval(iTimeoutId);
		}
	</script>
  </head>
  <body onload="mytime();">
  	<p align="center">
  		<input type="text" name="t" id="t" size="30"/>
  	</p>
  	<p align="center">
  		<a href="javascript:pauseLock();">暂停</a>
    	<a href="javascript:play();">继续</a>
  	</p>

 

分享到:
评论

相关推荐

    内部中断-简易时钟_简易时钟_时钟按键暂停_

    在"内部中断-简易时钟"项目中,我们设计了一个可以暂停、设置时间和恢复的时钟。这个时钟利用了微控制器的内部中断功能,通过连接到按键的输入引脚,当按键被按下时,会触发一个中断请求。微控制器的中断服务程序...

    一个图形显示的时钟,java开发的

    - 在窗口中添加一个JPanel或者Group,作为时钟显示的区域。 3. **绘制时钟**: - 可以使用Graphics2D对象来绘制时钟的背景(通常是一个圆形)、小时、分钟和秒针。通过Graphics2D的drawLine方法绘制指针,...

    verilog 跑表时序逻辑电路,通过按钮控制及数字显示,有时分秒显示,可以清零、开始和暂停

    其中按钮Clear实现清零功能(任意状态按下时分秒值清零并停止计时)、按钮Start/Stop实现开始和暂停功能(若当前状态为停止则按下继续进行计时,若当前状态为计时则按下暂停计时)。 数字显示为XX : XX : XX形式,...

    Proteus 时钟显示仿真

    总结来说,"Proteus时钟显示仿真"项目涵盖了以下关键知识点: 1. Proteus电路仿真软件的使用 2. DS12887实时时钟芯片的工作原理和应用 3. LM044L LCD的显示控制 4. 微控制器(如Arduino或AVR)在系统中的角色和编程...

    avr 制作的时钟显示

    综上所述,这个"avr 制作的时钟显示"项目涵盖了AVR单片机的基础知识、C语言编程、定时器原理、中断机制、数码管驱动以及数字逻辑控制等多个方面,是一个很好的学习和实践嵌入式系统开发的实例。通过深入研究这个项目...

    8086课程设计 简易时钟

    在这个8086课程设计中,我们关注的是一个简易时钟的实现,这涉及到对硬件中断和软件中断的理解与应用。 首先,我们要理解8086处理器中的中断系统。中断是处理器响应外部或内部事件的一种机制,它允许CPU暂停当前...

    fpga时钟vhdl-2.zip

    (一个包里面只有一个小项目哈) 4. 有的项目可能会有多个程序,因为用的代码有点差异,比如密码锁,就会分显示的数码管的显示个数的不同以及用的是verilog个vhdl 的差别: 5. 报告的话博客专栏里面只是展示了一小...

    Verilog编写的运动计时器 数码管显示 有暂停清零功能 绝对好用

    本项目是一个基于Verilog语言设计的运动计时器,它具备数码管显示、暂停和清零功能,适用于各种体育赛事的计时需求。在电子设计领域,Verilog是一种广泛使用的硬件描述语言(HDL),用于描述数字系统的逻辑行为,...

    基于51单片机的简易时钟(可显示学号)proteus、原理图、流程图、物料清单、仿真图、源代码

    设计一个能显示时分秒的简易时钟,在8位共阳数码管上按“HH-MM-SS”格式显示时间。要求如下: (1)开机后,首先在8位LED数码管上显示个人完整学号2s,之后进入时钟显示模式。 (2)设学号后两位数值位N,计算“N1=N...

    设计一个动态时钟程序,指针

    在时钟程序中,可能会有多个线程同时操作同一个时钟对象(例如,秒针、分针和时针)。为了确保数据一致性,我们需要使用线程同步机制,如`synchronized`关键字或`java.util.concurrent`包中的工具。例如,可以将...

    DS1320数字时钟显示

    4. **显示在数码管上**:将解析后的时间信息通过驱动程序传送到数码管,数码管可能需要逐段控制,每一段对应一个数字或者符号。 5. **中断处理**:如果DS1320有中断功能,需要设置中断服务程序,处理时间更新或报警...

    8253和8259来实现的简单的时钟,硬件中断时钟设计

    本文档介绍了一个基于8253和8259的简单时钟设计项目,主要目的是让学生掌握这两种芯片的基本工作原理及其应用。8253是一种可编程计数器/定时器,而8259则是一种可编程中断控制器。在这个设计中,我们通过配置8253来...

    基于BASYS开发板的Verilog语言数码管时钟程序

    通过理解和掌握这些知识点,你不仅可以创建一个简单的数码管时钟,还能进一步扩展到更复杂的数字系统设计。对于FPGA初学者来说,这是一个很好的实践项目,它涵盖了基本的硬件描述、逻辑设计和硬件调试技巧。

    效果三-理论值消抖按键切换小灯及控制暂停启动时钟-JLX12864定时器200ms刷新显示实时时钟

    5. **实时时钟显示**:结合DS1302和JLX12864,系统可能在LCD上显示由DS1302提供的当前时间。这需要从DS1302读取时间数据,然后格式化并显示在屏幕上。在嵌入式系统中,实时时钟的显示对于监控设备状态、记录事件时间...

    简单的mfc时钟

    在探讨“简单的MFC时钟”这一主题时,我们深入解析了如何利用Microsoft Foundation Class库(简称MFC)创建一个基本的时钟应用程序。MFC是Microsoft为简化Windows应用程序开发而设计的一组类库,它封装了许多底层...

    LCD显示电子时钟有按键

    MCU的定时器可以配置为计数器模式,每秒产生一个中断,用于更新和显示时间。 5. **编码实现**: 项目提供有代码,这可能是用C语言或汇编语言编写的,用于驱动LCD、处理按键输入以及管理时间。代码中可能包括初始化、...

    【实验1】DS1302时钟.rar_ds1302时钟暂停_时钟的应用

    实验104的DS1302时钟显示部分,可能是通过编程驱动LCD显示屏或者数码管来直观地展示DS1302采集到的时间数据。这包括了对时钟数据的读取,以及转换为适合显示的格式。显示界面可能包括小时、分钟、秒,以及日期等信息...

    一个windows桌面的简单模拟时钟

    总结起来,这个"Windows桌面简单模拟时钟"项目是一个很好的学习资源,涵盖了C#语言基础、GUI编程、事件处理和多线程等多个方面。通过分析和实践,开发者可以提升自己的编程技能,并为未来更复杂的项目打下坚实的基础...

    Java显示时钟

    在Java编程语言中,创建一个显示时钟的程序是一项基础且实用的任务,它涉及到多线程、日期时间处理以及图形用户界面(GUI)设计。在这个项目中,我们将深入探讨如何利用Java来实现这一功能。 首先,Java中的`java....

    51单片机定时器数码管显示时钟

    当定时器溢出时,会产生一个中断请求,CPU响应中断,暂停当前任务,执行中断服务程序,更新时间显示,然后返回到原来的任务。 6. **源程序解析**: 压缩包中的"定时器数码管时钟源程序"包含了实现上述功能的所有...

Global site tag (gtag.js) - Google Analytics