在js中显示一个时钟

最新推荐文章于 2025-10-12 12:46:11 发布

原创最新推荐文章于 2025-10-12 12:46:11 发布 · 2.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #javascript #动态时间

js系列——原生js 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在JSP页面中实现一个动态时钟，每500毫秒自动刷新显示当前时间。通过内联脚本函数`startTime()`和`checkTime()`，实现日期和时间的格式化更新。正文提供了完整代码示例，并解释了关键逻辑和技巧。

实现在jsp页面中显示一个动态时钟，每隔500毫秒刷新一次，刷新时间也可以自己设置，不废话，直接上代码吧!

<srcipt>
function startTime() {
		var today = new Date();
		var y = today.getFullYear();
		var m = today.getMonth() + 1;
		var d = today.getDay();
		var h = today.getHours()
		var mn = today.getMinutes()
		var s = today.getSeconds()
		// add a zero in front of numbers<10
		m = checkTime(m)
		s = checkTime(s)
		document.getElementById('time').innerHTML = y + "-" + m + "-" + d + " "
				+ h + ":" + mn + ":" + s
		t = setTimeout('startTime()', 500)
	}

	function checkTime(i) {
		if (i < 10) {
			i = "0" + i
		}
		return i
	}
</script>

<body onload="startTime()">
<div id="time">
</body>