用js来显示当前时间

最新推荐文章于 2024-07-18 11:50:26 发布

秋叶为何落

最新推荐文章于 2024-07-18 11:50:26 发布

阅读量2.2k

点赞数 1

分类专栏： JavaScript JSP HTML 文章标签： date function div

本文链接：https://blog.csdn.net/lwcumt/article/details/8024910

版权

JSP HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>当前时间</title>
		<script type="text/javascript">
			//显示时间
			function showClock(){
				var time = new Date(); //获取当前时间
				var year = time.getFullYear(); //获取当前年份
				var month = time.getMonth() + 1; //获取当前月份(getMonth()的取值范围为0~11)
				var date = time.getDate(); //获取当前日期
				var hour = time.getHours(); //获取当前小时数
				var minute = time.getMinutes(); //获取当前分钟数
				var second = time.getSeconds(); //获取当前秒数
				var millisecond = time.getMilliseconds(); //获取毫秒数
				month = checkTime(month); //检查月份，若为个位数前面补零
				date = checkTime(date); //检查日期，若为个位数前面补零
				minute = checkTime(minute); //检查分钟数，若为个位数前面补零
				second = checkTime(second); //检查秒数，若为个位数，前面补零
				ap = checkNoon(hour); // 检查时am还是pm
				document.getElementById("clock").innerHTML = year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second + "." + millisecond + " " + ap;
				setTimeout("showClock()",100);
			}
			//对时间是一位数的进行前面补零
			function checkTime(i)
			{
				if (i < 10) {
					i = "0" + i;
				}
				return i;
			}
			//判断是上午还是下午
			function checkNoon(h){
				if(h < 12){
					ap = "am";//上午
				}
				else{
					ap = "pm";//下午
				}
				return ap;
			}
		</script>
	</head>
	<body onload = "showClock()">  //调用showClock()函数
		<div id = "clock"></div>
	</body>
</html>

秋叶为何落

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用js来显示当前时间

当前时间 //显示时间 function showClock(){ var time = new Date(); //获取当前时间 var year = time.getFullYear(); //获取当前年份 var month = time.getMonth() + 1; //获取当前月份(getMonth()的取值范围为0~11)
复制链接

扫一扫

专栏目录