js综合练习---动态显示时间（二）

最新推荐文章于 2022-12-30 17:32:27 发布

原创最新推荐文章于 2022-12-30 17:32:27 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js练习

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript来实时显示系统时间。通过setInterval函数，页面每秒更新一次时间显示，实现了时间的动态刷新。此示例适用于初学者了解HTML与JavaScript的基本交互。

<html>
 <head>
  <title>HTML示例</title>
  <style type="text/css">

  </style>
 </head>
 <body>
	<div id="times">

	</div>
	<script type="text/javascript">
		function getD1() {
			//当前时间
			var date = new Date();
			//格式化
			var d1 = date.toLocaleString();
			//获取div
			var div1 = document.getElementById("times");
			div1.innerHTML = d1;
		}

		//使用定时器实现每一秒写一次时间
		setInterval("getD1();",1000);
		
	</script>

 </body>
</html>