T questions: format to display the date, time (JavaScript)

The first: real-time updates

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

The second: static display

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

 

Released five original articles · won praise 8 · views 4131

Guess you like

Origin blog.csdn.net/qq_40740563/article/details/104982507