如何在网页中动态显示当前时间

如何在网页中动态显示当前日期和时间

解决思路：

顺着上一例的思路和方法，只需要设置一个定时器，每秒更新一下输出的时间。

具体步骤：

方法一：取到各个部分后作字符串连接

代码示例：

<script>

document.write("<span id=time></span>") //输出显示时间日期的容器

setInterval(function(){

with(new Date)

time.innerText=getYear()+"年"+(getMonth()+1)+"月"+getDate()+"日 星期"+"日一二三四五六".charAt(getDay())+" "+getHours()+":"+getMinutes()+":"+getSeconds()

//设置 id 为 time 的对象内的文本为当前日期时间

},1000)       //每1000毫秒(即1秒) 执行一次本段代码

</script>

方法二：直接用 Date 对象的 toLocaleString 方法转化。

代码示例：

<script>

document.write("<span id=time></span>") //输出显示时间日期的容器

//每1000毫秒(即1秒) 执行一次本段代码

setInterval("time.innerText=new Date().toLocaleString()",1000) 

</script>

试一试：读者可以试着用 Date 对象的 getDay 方法加上显示星期的功能。

特别说明

本例主要是在上一例的基本上增加一个 setInterval 定时器，每秒更新显示时间和日期的。

相关问题

如何获取指定日期的星期

在声明 Date 对象时加上日期参数，例如要取得2000年10月1日的星期：

new Date(2000,9,1).getDay()

转载自http://blog.sina.com.cn/0lantian0  如有对作者的冒犯 请联系我删稿