JS 动态时钟

最新推荐文章于 2024-06-20 20:20:21 发布

爱吃汉堡的代码人

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量108

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_67224308/article/details/127014291

版权

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