使用JavaScript获取当前时间方法（AM、PM）

儿时的向往

已于 2023-02-01 15:47:47 修改

阅读量3.9k

点赞数 17

文章标签： javascript 开发语言 ecmascript

于 2022-09-29 19:45:47 首次发布

本文链接：https://blog.csdn.net/m0_66599010/article/details/127112574

版权

开发工具：HBuilder

作者：儿时的向往

撰写时间：2020年9月29日

1、获取当前时间

var today = new Date(); //获取当前时间

	var yy = today.getFullYear();       //  年
	var mm = today.getMonth() + 1;      //  月，0~11，是从0开始，如果不加1就只有11
	var dd = today.getDate();           //  日
	var xq = today.getDay();            //  星期
	var hh = today.getHours();          //  小时
	var mM = today.getMinutes();        //  分钟
	var ss = today.getSeconds();        //  秒

2、判断，如果大于12个小时就是下午，否则就是上午

var time;

	if(xq <= 12) {
		time = "AM"; //小于就是AM
	} else {
		time = "PM"; //大于就是PM
}

3、输出

//设置div的内容为当前时间
show = "<h1>现在是：" + yy + "年" + mm + "月" + dd + "日 " + hh + ":" + mM + ":" + ss + time + "星期" + xq + "</h1>";

var time = document.getElementById("myclock").innerHTML = show;

setInterval("getTime()", 1000); //setInterval设置调用方法的时间间隔，每隔一秒调用一次方法，1000毫秒等于一秒

4、运行结果

5、整体源码

<!DOCTYPE html>
<html>
    <head>
	    <meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		function getTime() {
			var today = new Date(); //获取当前时间

			var yy = today.getFullYear(); //年
			var mm = today.getMonth() + 1; //月，0~11，是从0开始，如果不加1就只有11
			var dd = today.getDate(); //日
			var xq = today.getDay(); //星期
			var hh = today.getHours(); //小时
			var mM = today.getMinutes(); //分钟
			var ss = today.getSeconds(); //秒

			var time;
			if(xq <= 12) {
				time = "AM"; //小于就是AM
			} else {
				time = "PM"; //大于就是PM
			}

			//设置div的内容为当前时间
			show = "<h1>现在是：" + yy + "年" + mm + "月" + dd + "日 " + hh + ":" + mM + ":" + ss   +   time + "星期:" + xq + "</h1>";
			var num = document.getElementById("myclock").innerHTML = show;
			}
	        setInterval("getTime()", 1000); //setInterval设置调用方法的时间间隔，每隔一秒调用一次方法，1000毫秒等于一秒

		</script>

	</head>
	<body>
		<!--myclock，设置盒子显示在页面 -->
		<div id="myclock"></div>
	</body>
</html>