`

js动态显示时间

阅读更多
<html>   
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
<title>js动态显示当前日期,时间和星期代码</title>    
<script>   
function getDate(){   
var date=new Date();   
var month=date.getMonth()+1;   
var day=date.getDate();   
  
if(month.toString().length == 1){  //或者用if (eval(month) <10) {month="0"+month}   
  
month='0'+month;   
}   
if(day.toString().length == 1){   
day='0'+day;   
}   
return date.getYear()+'/'+month+'/'+day+'  '+date.toLocaleString().substring(date.toLocaleString().length-10)+'  '+'星期'+'日一二三四五六'.charAt(date.getDay());   
}   
</script>   
</head>   
<body>   
当前时间:<div id="time">   
<script>   
document.getElementById('time').innerHTML=getDate();   
setInterval("document.getElementById('time').innerHTML=getDate();",1000);   
</script>    
</div>    
  
<span id="day1">   
<script>   
document.getElementById('day1').innerHTML=new Date().getYear()+"年"+(new Date().getMonth()+1)+"月"+new Date().getDate()+"日"+' 星期'+'日一二三四五六'.charAt(new Date().getDay());    
</script>    
</span>   
&nbsp;&nbsp;   
<span id="day2">   
<script>    
document.getElementById('day2').innerHTML=new Date().toLocaleString();    
setInterval("document.getElementById('day2').innerHTML=new Date().toLocaleString();",1000);    
</script>   
</span>   
  
<br>   
<p>   
setInterval() 1秒后会执行,页面载入后会出现1秒空白<br>   
要显示在一行,请使用&lt;span&gt;标签<br>   
如果使用new Date().getHours()方法,下午的时间会返回12以上的值,我将它换为PM时间方式显示   
</P>   
</body>    
</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