JavaScript显示当前年月日和时间

最新推荐文章于 2025-06-03 16:05:30 发布

原创最新推荐文章于 2025-06-03 16:05:30 发布 · 3.1k 阅读

11 ·

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

标签

#javascript

收录于

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

该博客展示了一个使用JavaScript编写的实时时间显示功能。通过获取当前日期和时间，结合DOM操作，每秒更新页面上的时间显示，实现了动态的时间更新效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p id="time"></p>		
		<script>
			function time(){
				var date = new Date();
				var year = date.getFullYear();//年
				var month = date.getMonth()+1;//月；因为month属性从0开始所以要加1				
				var day = date.getDate();//天		
				var week = date.getDay();//周
				var hour = date.getHours();//小时
				var minute = date.getMinutes();//分钟
				var second = date.getSeconds();//秒
				second = second<10?"0"+second:second;
				var currentTime = year+"-"+month+"-"+day+" "+"星期"+week+" "+hour+":"+minute+":"+second;
				document.getElementById("time").innerHTML=currentTime;
			}
			setInterval("time()",1000);//每隔1000毫秒（1秒=1000毫秒）显示一次当前时间
		</script>
	</body>
</html>