欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 13:11:22
...

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

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

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