JS 实时的时间

最新推荐文章于 2023-07-12 14:11:47 发布

最新推荐文章于 2023-07-12 14:11:47 发布 · 124 阅读

文章标签：

#JS 实时的时间 #实时的时间

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页实时显示当前时间的方法。通过设置定时器每半秒更新一次时间，确保时间的实时性。同时，还包含了对时间格式进行美化处理的小技巧。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JS 实时的时间</title>
</head>
<script>
function startTime(){
	var today=new Date();
	var h=today.getHours();
	var m=today.getMinutes();
	var s=today.getSeconds();// 在小于10的数字 前加一个‘0’
	m=checkTime(m);
	s=checkTime(s);
	document.getElementById('txt').innerHTML=h+":"+m+":"+s;
	t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
	if (i<10){
		i="0" + i;
	}
	return i;
}
</script>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

效果图：