插件-js实现动态时钟效果

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>时钟计时器</title>
	</head>
	<body>
		<div id="updatetime"></div>
		<script type="text/javascript">
			const updateTime = () => {
			    var now = new Date();
			
			    var year = now.getFullYear();
			    var month = now.getMonth() + 1; // getMonth() 返回 0-11
			    var day = now.getDate();
			    var hours = now.getHours();
			    var minutes = now.getMinutes();
			    var seconds = now.getSeconds();
			
			    // 补零操作
			    month = month < 10 ? '0' + month : month;
			    day = day < 10 ? '0' + day : day;
			    hours = hours < 10 ? '0' + hours : hours;
			    minutes = minutes < 10 ? '0' + minutes : minutes;
			    seconds = seconds < 10 ? '0' + seconds : seconds;
			
			    var dateTimeString = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
				document.getElementById("updatetime").innerText=dateTimeString + " GMT+8 (中国标准时间)";
			}
			updateTime();
			setInterval(updateTime, 1000);
		</script>
	</body>
</html>

posted @   潜龙-勿用  阅读(89)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示