`
那年我十八
  • 浏览: 405 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

js動態顯示時間

阅读更多
01.<html> 
02.    <head> 
03.        <title>网页中动态的显示系统日期时间</title> 
04.        <script language="JavaScript"> 
05.            function startTime()    
06.            {    
07.                var today=new Date();//定义日期对象    
08.                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年     
09.                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年     
10.                var dd = today.getDate();//通过日期对象的getDate()方法返回年      
11.                var hh=today.getHours();//通过日期对象的getHours方法返回小时    
12.                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟    
13.                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒    
14.                // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09    
15.                MM=checkTime(MM); 
16.                dd=checkTime(dd); 
17.                mm=checkTime(mm);    
18.                ss=checkTime(ss);     
19.                var day; //用于保存星期(getDay()方法得到星期编号) 
20.                if(today.getDay()==0)   day   =   "星期日 "  
21.                if(today.getDay()==1)   day   =   "星期一 "  
22.                if(today.getDay()==2)   day   =   "星期二 "  
23.                if(today.getDay()==3)   day   =   "星期三 "  
24.                if(today.getDay()==4)   day   =   "星期四 "  
25.                if(today.getDay()==5)   day   =   "星期五 "  
26.                if(today.getDay()==6)   day   =   "星期六 "  
27.                document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;    
28.                setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法  
29.            }    
30.             
31.            function checkTime(i)    
32.            {    
33.                if (i<10){ 
34.                    i="0" + i; 
35.                }    
36.                  return i; 
37.            }   
38.        </script> 
39.    </head> 
40.    <body onload="startTime()"> 
41.        当前时间:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>     
42.    </body> 
43.</html> 
分享到:
评论

相关推荐

    动态显示当前时间的js

    总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

    使用JavaScript动态显示时间

    使用JavaScript动态显示出时间,使用setTimeout(),秒钟每隔一秒增加.....

    js动态显示系统当前时间

    在本例中,我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript获取系统时间是通过`Date`对象实现的。`Date`对象是JavaScript内置的对象,提供了多种方法来处理日期和时间。首先,我们可以...

    jquery.timer.js 动态显示时间

    《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...

    使用js动态显示当前时间(包括年月日星期以及时分秒)

    使用js动态显示当前时间(包括年月日星期以及时分秒),本人已经调试成功了,大家快点来下载吧!就一分,真心值的

    javascript动态显示钟表

    ### JavaScript动态显示钟表知识点详解 #### 一、概述 在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态...

    JS动态显示当前时间

    为了动态显示时间,我们需要使用JavaScript的定时器`setInterval`函数。这个函数每隔一定的时间(以毫秒为单位)执行一次指定的函数。例如,每秒更新一次时间: ```javascript function displayTime() { var now =...

    简单的JS动态显示当前时间控件实例

    JS动态 显示当前时间 当前时间控件 当前时间实例

    页面动态显示系统当前时间的js方法

    页面动态显示系统当前时间的js方法,年月日、时分秒、星期几都有

    javascript 在html上动态显示时间

    在HTML页面动态显示当前时间,效果如下: 现在是:2011年7月6日 20:02:50

    html javascript jqeury 时间动态显示

    本项目涉及的主题是“HTML JavaScript...综上所述,"HTML JavaScript jQuery 时间动态显示"是一个结合了HTML布局、JavaScript动态更新和jQuery简化操作的示例,通过这些技术,可以创建一个实时显示当前时间的网页组件。

    JS实现HTML页面中动态显示当前时间完整示例

    主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下

    js动态显示服务器时间

    ### js动态显示服务器时间 在Web开发中,准确地显示时间是非常重要的,特别是在涉及不同时区的用户或者需要保持统一时间基准的情况下。本篇文章将详细解释如何使用JavaScript(简称JS)与Ajax技术来实现实时获取并...

    jquery 动态显示时间

    要实现动态显示时间,我们需要使用JavaScript的setInterval()函数,这个函数可以按照指定的间隔重复执行一个函数。例如,我们可以每秒钟更新一次时间显示。以下是一个简单的jQuery动态显示时间的示例: ```html &lt;!...

    js 动态显示从服务器取的时间

    以上就是使用JavaScript动态显示服务器时间的基本步骤和相关知识点。通过理解这些概念,你可以创建一个实时更新的时钟组件,让Web应用的时间显示始终与服务器保持一致。在实际开发中,你可能还需要考虑时区转换、...

    html+js实现动态显示本地时间

    HTML(HyperText Markup Language)和JS(JavaScript)是构建网页内容和行为的两种核心技术,它们共同作用于实现动态显示本地...动态显示时间通常在网站中用于显示当前日期、时间或是倒计时等,是一个实用的技术点。

    JS实现日期时间动态显示的方法

    总结来说,JS实现日期时间动态显示主要涉及以下知识点: - `Date` 对象:JavaScript 中处理日期和时间的基础。 - `toLocaleString`:将日期对象转换为本地时间字符串。 - `getDay`:获取日期对象是一周中的哪一天...

    html中javascript实现网页动态显示时间

    html中javascript实现网页动态显示时间的关键步骤,和代码

    html+css+js 网页上动态显示时间XX:XX:XX

    本教程将详细介绍如何使用HTML、CSS和JavaScript这三个核心技术来创建一个简单的网页,动态显示时间"XX:XX:XX"的格式。 首先,我们来看HTML部分。HTML(HyperText Markup Language)是网页内容的基础结构。在`...

    js动态下拉时间控件

    首先,我们要了解JavaScript动态下拉时间控件的基本原理。在HTML页面中,我们通常会用到`&lt;select&gt;`元素来创建下拉菜单。但是,这种传统的方法无法满足复杂的时间选择需求。因此,开发者会利用JavaScript来创建更为...

Global site tag (gtag.js) - Google Analytics