JS时间自动更新

本文介绍了一种使用JavaScript实现网页上实时更新显示当前时间的方法。通过定义一个名为show的函数,利用Date对象获取并格式化当前的时间信息,然后将这些信息插入到id为nowTime的div元素中进行展示,并通过setTimeout函数每秒调用一次show函数来达到实时更新的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js部分:

<!--自动更新时间-->
<script>
function show(){
var date = new Date(); //日期对象
var now = "";
now = date.getFullYear()+"年"; //读英文就行了
now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了
now = now + date.getDate()+"日";
now = now + date.getHours()+"时";
now = now + date.getMinutes()+"分";
now = now + date.getSeconds()+"秒";
document.getElementById("nowTime").innerHTML = now; //div的html是now这个字符串
setTimeout("show()",1000); //设置过1000毫秒就是1秒,调用show方法
}
</script>
<!--自动更新时间结束-->

html部分:

<body onload="show()">

<div id="nowTime"></div>

</body>

转载于:https://www.cnblogs.com/Man-Dream-Necessary/p/5113138.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值