js获取当前时间

最新推荐文章于 2024-04-26 15:14:22 发布

风止

最新推荐文章于 2024-04-26 15:14:22 发布

阅读量1.4k

点赞数 1

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/m0_56398485/article/details/126197268

版权

今天给大家分享一下如何能够用js获取当前时间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#wrapper{
				width: 800px;
				height: 100px;
				line-height: 100px;
				font-size: 30px;
				font-weight: 600px;
				margin: 0 auto;
				border: 5px solid red;
				border-radius: 20px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="wrapper"></div>
		<script type="text/javascript">
			var id = setInterval("test()",1000);
			function test(){
				var _wrapper = document.getElementById("wrapper")
				var date = new Date();
				var a = date.getFullYear();
				var b = date.getMonth() + 1;
				var c = date.getDate();
				var d = date.getDay();
				switch (d) {
					case 0:
						d = `星期日`;
						break;
					case 1:
						d = `星期一`;
						break;
					case 2:
						d = `星期二`;
						break;
					case 3:
						d = `星期三`;
						break;
					case 4:
						d = `星期四`;
						break;
					case 5:
						d = `星期五`;
						break;
					case 6:
						d = `星期六`;
						break;
					}
						var e = date.getHours();
						if (e < 10) {
							e = "0" + e;
						}
						var f = date.getMinutes();
						if (f < 10) {
							f = "0" + f;
						}
						var g = date.getSeconds();
						if (g < 10) {
							g = "0" + g;
						}
						if (e < 12) {
							h = `${e}:${f}:${g}&nbsp;am`
						} else {
							e = e - 12;
							if (e < 10) {
								e = "0" + e;
							}
							h = `${e}:${f}:${g}&nbsp;pm`
						}
				_wrapper.innerHTML = `今天是${a}年${b}月${c}日&emsp;${d}&emsp;${h}`;
				}
		</script>

	</body>
</html>

下面为大家放上效果图