如何在网页中动态显示当前日期和时间
如何在网页中动态显示当前日期和时间
解决思路:
顺着上一例的思路和方法,只需要设置一个定时器,每秒更新一下输出的时间。
具体步骤:
方法一:取到各个部分后作字符串连接
代码示例:
<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()
上一篇: 默认路径存储归档文件最多2G
下一篇: 如何在网页中实现打字效果