在js中显示一个时钟

冷静BB

于 2016-01-14 17:03:38 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js系列——原生js 文章标签： jsp javascript 动态时间

本文链接：https://blog.youkuaiyun.com/love_java_cc/article/details/50518917

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

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现在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 οnlοad="startTime()">
<div id="time">
</body>