HTML页面显示时间——网页数字时钟、钟表

HTML页面显示时间——网页数字时钟、钟表

一个HTML网页上动态显示系统时间,可以使用javascript的Date对象,在javascript中new 一个date对象,并且根据这个date对象获取相应的时间日期的具体日期时间,比如 年 月 日 时分秒,星期等信息。

下面从简单到复杂给出一些示例。

示例1,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第1张图片

源码如下:




实时显示系统时间B

 


/div>

示例2,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第2张图片

源码如下:




    
    实时显示系统时间C



示例3,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第3张图片

源码如下:





动态时钟




示例4,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第4张图片

源码如下:



    
        
        动态显示当前时间的钟表
    
    
    

    
        
    

示例5,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第5张图片

源码如下:




    
    canvas_time
    


    

示例6,效果如下:

HTML页面显示时间——网页数字时钟、钟表_第6张图片

源码如下:




 
 
 带日期的时钟
 
 

 

 

 OK!

你可能感兴趣的:(JavaScrip技术,前端开发,html,javascript)