笔试题：格式化显示日期，时间（JavaScript）

最新推荐文章于 2022-04-18 21:14:43 发布

cranejh

最新推荐文章于 2022-04-18 21:14:43 发布

阅读量168

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_40740563/article/details/104982507

版权

本文介绍了两种在网页上显示时间的方法：实时更新和静态显示。实时更新利用JavaScript定时器每秒刷新时间，确保时间的准确性；静态显示则在页面加载时获取当前时间并一次性展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种：实时更新

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>格式化显示时间</title>
	</head>
	<body>
		<p id="time" align="center"></p>		
		<script type="text/javascript">
            var p=document.getElementById("time");
			function fun(){
			var date=new Date();
			var year=date.getFullYear();
			var month=date.getMonth()+1;//月份从0开始
			var day=date.getDay();
			var hour=date.getHours();
			var minutes=date.getMinutes();
			var sec=date.getSeconds();
			var now=year+"年"+month+"月"+day+"日"+hour+"时"+minutes+"分"+sec+"秒";
			
			p.innerHTML=now;
			}
			setInterval("fun()",1000);

		</script>
	</body>
</html>

第二种：静态显示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>格式化显示时间</title>
	</head>
	<body>
		<p id="time" align="center"></p>		
		<script type="text/javascript">
            var p=document.getElementById("time");
			var date=new Date();
			var year=date.getFullYear();
			var month=date.getMonth()+1;//月份从0开始
			var day=date.getDay();
			var hour=date.getHours();
			var minutes=date.getMinutes();
			var sec=date.getSeconds();
			var now=year+"年"+month+"月"+day+"日"+hour+"时"+minutes+"分"+sec+"秒";
			p.innerHTML=now;
		</script>
	</body>
</html>