利用js实现一个动态时钟

最新推荐文章于 2024-05-11 23:45:19 发布

小蔡不会编码

最新推荐文章于 2024-05-11 23:45:19 发布

阅读量58

点赞数

文章标签： servlet java javascript

本文链接：https://blog.csdn.net/weixin_68250871/article/details/126959528

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>动态时钟</title>
	</head>
	<body>
		<span id="time" style="background-color: black; color: coral; font-size: 50px;"></span>
		<script type="text/javascript">
			setInterval(function() {
				var date = new Date()
				var year = date.getFullYear()//获取年份
				var month = date.getMonth() + 1 //0-11月份
				var day = date.getDate()//日
				var hours = date.getHours()//获取小时
				var minutes = date.getMinutes()//获取分钟
				var seconds = date.getSeconds()//获取秒

				month = month > 9 ? month : "0" + month
				day = day > 9 ? day : "0" + day
				hours = hours > 9 ? hours : "0" + hours
				minutes = minutes > 9 ? minutes : "0" + minutes
				seconds = seconds > 9 ? seconds : "0" + seconds
				var result = year + "年" + month + "月" + day + "日" + hours + ":" + minutes + ":" + seconds
				document.getElementById("time").innerHTML = result
			}, 1000)
		</script>
	</body>
</html>

展示效果图