JS 动态时钟

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

这是一个JavaScript代码示例，用于在网页中实时显示当前日期和时间，每秒自动更新。通过获取系统时间并格式化为年月日时分秒展示。

<span id="time" style="color: coral;background-color: black;text-align: center;></span>

<script type="text/javascript">
 //定时器
			 setInterval(function(){
				 var date = new Date();
				 var year = date.getFullYear();//年
				 var month = date.getMonth() + 1;//月
				 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>