插件-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 @ 2024-03-21 17:30  潜龙-勿用  阅读(155)  评论(0)    收藏  举报