HTML+JS 动态网页示例：实时显示当前时间

以下是一个基于 HTML+JS 的动态网页示例，展示如何使用 JavaScript 动态更新网页上的内容：

<!DOCTYPE html>
<html>
<head>
	<title>动态网页示例</title>
	<script type="text/javascript">
		// 定义一个用于获取当前时间的函数
		function getCurrentTime() {
			var now = new Date();
			var hour = now.getHours();
			var minute = now.getMinutes();
			var second = now.getSeconds();
			return hour + ":" + minute + ":" + second;
		}

		// 定义一个用于更新时间的函数
		function updateTime() {
			var time = getCurrentTime();
			document.getElementById('time').innerHTML = time;
		}

		// 在页面加载完成后启动定时器，每秒钟更新一次时间
		window.onload = function() {
			setInterval(updateTime, 1000);
		};
	</script>
</head>
<body>
	<h1>动态网页示例</h1>
	<p>当前时间是：<span id="time"></span></p>
</body>
</html>

这个示例展示了如何使用 JavaScript 动态更新网页上的内容。页面加载完成后，会启动一个定时器，每秒钟调用一次updateTime()函数，更新页面上 id 为time的元素的内容，显示当前时间。