【JS每日练习】简单时钟的实现

最新推荐文章于 2024-03-23 16:33:53 发布

原创最新推荐文章于 2024-03-23 16:33:53 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#date

JavaScript练习专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 在网页上实现动态显示当前时间的方法。通过定义一个名为 clock 的函数，并利用 setInterval 定时调用该函数更新时间，使得页面上的时间能够实时变化。具体实现了小时、分钟和秒数的格式化输出。

<html>
<head>
	<title>JS练习</title>
	<script>
		function clock()
		{
			var tt = new Date();
			document.getElementById("time").innerHTML = tt.getHours()+":"+
					(tt.getMinutes()<10?"0"+tt.getMinutes():tt.getMinutes())+":"+(tt.getSeconds()<10?"0"+tt.getSeconds():tt.getSeconds());
		}
		setInterval("clock()",500);
	</script>
</head>
<body>
	<div id="time"></div>
</body>
</html>