最简单的最好理解的时钟代码

最新推荐文章于 2024-05-30 05:41:17 发布
最新推荐文章于 2024-05-30 05:41:17 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： javascipt 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aaassslll147/article/details/80472914
版权
<!DOCTYPE html>
<html> 
 

 

 
 <head> 

 
 <meta charset="utf-8" /> 

 
 <title></title> 

 
 <style> 

 
 body{ 

 
 padding: 10px; 

 
 } 

 
 #time{ 

 
 width: 200px; 

 
 height: 80px; 

 
 line-height: 80px; 

 
 margin: 50px auto; 

 
 text-align: center; 

 
 font-size: 25PX; 

 
 color: #0000CC; 

 
 background-color: #CCCCFF; 

 
 border: 1px solid #cccccc; 

 
 border-radius: 10px; 

 
 box-shadow: 5px 5px darkgray; 

 
 } 

 
 </style> 

 
 <script> 

 
 function distime() 

 
 { 

 
 var time=new Date(); 

 
 var hour=time.getHours(); 

 
 var minute=time.getMinutes(); 

 
 var second=time.getSeconds(); 

 
 var apm="AM"; 

 
 if(hour>12) 

 
 { 

 
 hour=hour-12; 

 
 apm="PM"; 

 
 } 

 
 if(hour<10) 

 
 { 

 
 hour="0"+hour; 

 
 } 

 
 if(minute<10) 

 
 { 

 
 minute="0"+minute; 

 
 } 

 
 if(second<10) 

 
 { 

 
 second="0"+second; 

 
 } 

 
 document.getElementById('time').value=hour+":"+minute+":"+second+":"+apm; 

 
 setTimeout("distime()",1000); 

 
 } 

 
 </script> 

 
 </head> 

 
 <body οnlοad="distime()"> 
  

 
 <input id="time" size="25"value=""type="text"/> 
  

 
 </body> 

</html>
                

        

        

    




    

      

        

            

              
                
                  KillerCodes
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
简单的HTML5圆形指针时钟代码

				
			

			

				

					06-11
				

			

		

		

			
				
通过阅读和理解这段代码，你可以学习到如何利用HTML5 Canvas和JavaScript来创建动态图形，以及如何与系统时间进行交互。这对于希望提升前端开发技能，特别是对Canvas感兴趣的开发者来说，是一个很好的实践案例。

			
		

	



                

              
                



	

		

			

				
					
css3时钟制作圆形时钟代码

				
			

			

				

					11-10
				

			

		

		

			
				
一个简单的HTML布局可能包括一个`<div>`元素作为时钟的容器，我们可以给它一个特定的ID，如"clock"：  ```html <!DOCTYPE html>      <title>css3圆形时钟    #clock {  width: 300px;  height: 300px;  border-...

			
		

	



                


  
              

                


	

		

			

				
					
使用 HTML、CSS 和 JavaScript 的简单模拟时钟

				
			

			

				

					努力是为了站在万人之中，成为别人的光
				

				

					08-16
					
					3万+
					
				

			

		

		

			
				
如果你想使用 JavaScript 制作一个模拟时钟，那么本文将对你有所帮助。我们都知道时钟有两种，一种是模拟的，一种是数字的。虽然数字时钟被广泛使用，但模拟时钟也被很多人所喜爱。

????使用 HTML、CSS 和 JavaScript 的简单模拟时钟???? JavaScript 模拟时钟 [现场演示]???? 使用 HTML、CSS 和 JavaScript 的简单模拟时钟???? 第 1 步：创建时钟的基本结构???? 第 2 步：在时钟上标记 1 到 12???? 第 3 步：制作三只指针来指示

			
		

	





	

		

			

				
					
基于C语言编码的电子时钟程序源码

					
最新发布

				
			

			

				

					GJZGRB的博客
				

				

					05-30
					
					730
					
				

			

		

		

			
				
* 设置背景颜色*/textcolor(RED);/* 设置数字显示颜色*/

			
		

	



		

			
		



	

		

			

				
					
最简单的电子时钟程序(C++)

				
			

			

				

					一个无聊的程序猿
				

				

					01-15
					
					6966
					
				

			

		

		

			
				
文章目录理解人家的代码不信再来举例子最终的简单代码
理解
我不明白很多人为什么对一个时钟问题用这么多行代码，很难吗，很难吗？？？？？？？？？
很难么？   ????
难么？      ????
么？          ????
？             ????
人家的代码
Barry_Liu_博客的代码????
#include <iostream>
#include <windows.h>
#in...

			
		

	





	

		

			

				
					
FPGA数字时钟（可暂停调数，含代码）

				
			

			

				

					zhoasda的博客
				

				

					02-11
					
					1万+
					
				

			

		

		

			
				
前言

前段时间刚刚开始初步学习FPGA相关知识，在学习了一段时间后，利用前面所学知识，写了一个数字时钟，顺便在这里写下总结，方便理解。



一.数码管原理

我使用的开发板是Cyclone IV，它上面的数码管一共有6个，由于时钟显示时，每个位置数字都变化不同，所以我们要利用视觉暂留现象，显示时候只能让其中一个位显示，其他位不显示，让数码管位选信号切换的足够快，也就是说数码管对应位由亮到灭需要的时候很短，人眼就无法分清此时此刻数码管状态，使人感觉数码管一直都亮着，这样就能达到看起来，不同位置数字不同且都

			
		

	





	

		

			

				
					
Verilog RTL代码设计规范简单整理总结

				
			

			

				

					u011974971的博客
				

				

					04-05
					
					6935
					
				

			

		

		

			
				
整理记录的IC设计规则，欢迎指正，提出修改意见。但若有侵权，联系则删

			
		

	





	

		

			

				
					
STM32时钟设置

				
			

			

				

					学海无涯的专栏
				

				

					08-31
					
					3816
					
				

			

		

		

			
				
OSC_OUT和OSC_IN开始，这两个引脚分别接到外部晶振8MHz,第一个分频器PLLXTPRE，遇到开关PLLSRC(PLL entry clock source)，我们可以选择其输出，输出为外部高速时钟(HSE)或是内部高速时钟(HSI)。系统给出的函数为SystemInit()。HCLK:由AHB预分频器直接输出得到，它是高速总线AHB的时钟信号，提供给存储器，DMA及cortex内核，是cortex内核运行的时钟，cpu主频就是这个信号，它的大小与STM32运算速度，数据存取速度密切相关。...

			
		

	





	

		

			

				
					
STM32 定时器时间设定及计算最简单理解

				
			

			

				

					dxaws123456的博客
				

				

					03-01
					
					3659
					
				

			

		

		

			
				
STM32 定时器时间设定及计算最简单理解

			
		

	





	

		

			

				
					
STM32系统时钟超详解

					
热门推荐

				
			

			

				

					k666499436的博客
				

				

					04-12
					
					3万+
					
				

			

		

		

			
				
什么是时钟及作用，STM32四个时钟源，自己写系统时钟初始化函数实现超频

			
		

	





	

		

			

				
					
时钟芯片DS1302时序分析、读写代码解析

				
			

			

				

					weixin_42031299的博客
				

				

					03-22
					
					3844
					
				

			

		

		

			
				
(1)与DS1302通信的大致过程：发送命令码表示本次的操作，发送要读取或者写入的数据；(2)比如：要读取秒就先发送0x81命令码，然后从数据线上接收8bit数据来获取秒数；要写入秒就先发送0x80命令码，然后往数据线上依次写8bit数据来设置秒；(3)在DS1302中，时间是以8421BCD码进行保存的，简单一点可以理解成低4bit表示一个含义，高4bit表示一个含义；

			
		

	





	

		

			

				
					
跨时钟域之全面解析

				
			

			

				

					weixin_43727437的博客
				

				

					07-04
					
					1万+
					
				

			

		

		

			
				
跨时钟域（Clock Domain Crossing，CDC）信号处理问题，首先要考虑的就是亚稳态。
1.亚稳态
亚稳态是指在设计的正常运行过程中，信号在一定时间内不能到达稳定的0或者1的现象。
在多时钟设计中，亚稳态是不可避免的，可以减少亚稳态的发生和传播，消除亚稳态的有害影响。

上图中在信号adat传输到bclk中采样，由于采样时间靠近第二个时钟的上升沿，发生同步失败。同步失败是由于输处bdat变为亚稳态，而在bdat再次被采样时没有收敛到合法的稳定状态。
为什么会产生亚稳态？
存储元件，如交叉耦合反

			
		

	





	

		

			

				
					
1602LCD_shizhong.rar_LCD 时钟_最简单的时钟

				
			

			

				

					09-14
				

			

		

		

			
				
"最简单的时钟"可能意味着这个项目用最少的组件和最基础的编程逻辑，旨在帮助初学者理解如何在嵌入式系统中构建一个基本的时钟功能。  综上所述，这个项目提供了一个学习51单片机、LCD1602显示和基本时钟管理的实践...

			
		

	





	

		

			

				
					
C#桌面时钟秀,简单代码

				
			

			

				

					12-22
				

			

		

		

			
				
尽管描述中提到的是"简单代码"，但实际开发过程中还需要考虑用户体验、异常处理、界面美化等多方面因素，以创建更完善的桌面时钟应用。  通过这样的练习，开发者不仅可以加深对C#和Windows Forms的理解，还能锻炼...

			
		

	





	

		

			

				
					
最简单的时钟.rar

				
			

			

				

					03-29
				

			

		

		

			
				
最后，如果这个“最简单的时钟”还包括了教程或学习材料，那么它可能涉及步骤指导、代码注释以及编程基础概念的解释，帮助初学者理解如何从零开始创建一个功能完整的程序。  总结起来，这个压缩包“最简单的时钟.rar...

			
		

	





	

		

			

				
					
JS实现中国疫情控制的实时监测

				
			

			

				

					aaassslll147的博客
				

				

					03-21
					
					2158
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document&...

			
		

	





	

		

			

				
					
JS实现小球运动

				
			

			

				

					aaassslll147的博客
				

				

					03-21
					
					471
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			canvas{
				border: 1px solid gray;		
			}
		</st...

			
		

	





	

		

			

				
					
JS实现时钟操作

				
			

			

				

					aaassslll147的博客
				

				

					03-21
					
					223
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>时钟制作</title>
		<style type="text/css">
			canvas{
				border: solid 1px red;
			}
		</s...

			
		

	





	

		

			

				
					
I2C源代码分析：从核心到驱动

				
			

			

				

					
				

			

		

		

			
				
这份文档对于开发者来说是宝贵的资源，不仅提供了源代码级别的解析，还帮助读者理解如何在Linux系统中编写和调试I2C驱动程序。无论是初学者还是经验丰富的工程师，都能从中受益，深化对I2C协议和Linux内核驱动开发的...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值