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

最新推荐文章于 2024-05-23 23:33:04 发布

cranejh

最新推荐文章于 2024-05-23 23:33:04 发布

阅读量122

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_40740563/article/details/104982507

版权

第一种：实时更新

<!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>

cranejh

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
笔试题：格式化显示日期，时间（JavaScript）

第一种：实时更新<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>格式化显示时间</title> </head> <body> <p id="time" align="center"></p...
复制链接

扫一扫