网页时钟Data() 函数的使用

最新推荐文章于 2023-05-25 13:41:47 发布

因火成烟

最新推荐文章于 2023-05-25 13:41:47 发布

阅读量715

点赞数

文章标签： javaScript Date

本文链接：https://blog.csdn.net/TheFoma/article/details/45508449

版权

var oDate = new Date();

oDate.Month()+1，当前系统的月份，注意要+1，它默认是从0开始

oDate.getDate(),系统当前的日期中的日

oDate.getDay(),星期

oDate.getMonth(),月份

oDate.getHours(),小时

oDate.getMinutes(),分钟

oDate.getSecond(),秒数

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>网页时钟</title>
	<style type="text/css">
		body,
		div {
			margin: 0;
			padding: 0;
		}
		
		body {
			color: #fff;
		}
		
		#clock {
			width: 300px;
			text-align: center;
			background: #1a1a1a;
			margin: 10px auto;
			padding: 20px 0;
			overflow: hidden;
			zoom: 1;
		}
		
		span {
			color: #000;
			width: 80px;
			line-height: 2;
			background: #fbfbfb;
			border: 2px solid #b4b4b4;
			margin: 0 10px;
			padding: 0 10px;
		}
	</style>
</head>

<body>
	<div id="clock">
		<span></span>月
		<span></span>日
		<span></span>点
		<span></span>分
		<span></span>秒
	</div>
	<script type="text/javascript">
		var oClock = document.getElementById("clock");
		var aSpan = oClock.getElementsByTagName("span");
		setInterval(getTimes, 1000);
		getTimes();

		function getTimes() {
			var oDate = new Date();
			var aDota = [oDate.getMonth() + 1, oDate.getDate(), oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];
			for (var i in aDota) {
				aSpan[i].innerHTML = format(aDota[i]);
			}

			function format(a) {
				return a.toString().replace(/^(\d)$/, "0$1");
			}
		}
	</script>
</body>

</html>

因火成烟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页时钟Data() 函数的使用

var oDate = new Date();oDate.Month()+1，当前系统的月份，注意要+1，它默认是从0开始oDate.getDate(),系统当前的日期中的日oDate.getDay(),星期oDate.getMonth(),月份oDate.getHours(),小时oDate.getMinutes(),分钟oDate.getSecond(),秒数
复制链接

扫一扫