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

  如何在网页中动态显示当前日期和时间
解决思路
顺着上一例的思路和方法,只需要设置一个定时器,每秒更新一下输出的时间。
具体步骤

方法一:取到各个部分后作字符串连接
代码示例:

<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()

你可能感兴趣的:(显示当前日期和时间)