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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值