js获取当前时间

最新推荐文章于 2022-08-07 14:51:54 发布

原创最新推荐文章于 2022-08-07 14:51:54 发布 · 1.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

本文演示了如何使用JavaScript获取当前日期和时间，并将其格式化为易读的字符串，包括年、月、日、星期以及24小时制的时间，最后将结果显示在网页中。示例代码包含HTML和CSS样式，以及JavaScript函数来实现动态更新。

今天给大家分享一下如何能够用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>

下面为大家放上效果图