如何在页面上显示当前时间（动态更新）

最新推荐文章于 2023-06-03 08:55:26 发布

binbinxyz

最新推荐文章于 2023-06-03 08:55:26 发布

阅读量1w

点赞数 4

分类专栏： web页面

本文链接：https://blog.csdn.net/binbinxyz/article/details/8587036

版权

web页面专栏收录该内容

20 篇文章 0 订阅

订阅专栏

经常在一些网站上看到时间信息，他们是如何做的呢？其实这个不难，可以参考下述代码（个人水平有限，高手请飘过……）

<html>
<head>
<!-- 欢迎参观斌斌的博客（http://blog.csdn.net/binbinxyz） -->
<script type="text/JavaScript">
	function timer(){
	 	var time=new Date();
		document.getElementById("currentTime").innerHTML="当前时间：" + time;
		//document.write("当前时间：" + time); //因为页面内容被覆盖，所以页面显示当前时间后不会更新
	}
	setInterval("timer()", 1000);
</script>
</head>
<body>
	<div id="currentTime">当前时间：时间载入中……</div>
</body>
</html>

binbinxyz

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何在页面上显示当前时间（动态更新）

经常在一些网站上看到时间信息，他们是如何做的呢？其实这个不难，可以参考下述代码（个人水平有限，高手请飘过……） function timer(){ var time=new Date(); document.getElementById("currentTime").innerHTML="当前时间：" + time; //document.write("当前时间：" +
复制链接

扫一扫