时间操作（JavaScript版）—页面显示格式：年月日时分秒星期

最新推荐文章于 2022-12-08 09:02:54 发布

程序猿老高

最新推荐文章于 2022-12-08 09:02:54 发布

阅读量4.1k

点赞数 1

分类专栏： JavaScript 文章标签：年月日时分秒星期

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>显示格式：年月日 时分秒 星期</title>
		<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
		<script type="text/javascript">
			function Clock() {
				var date = new Date();
				this.year = date.getFullYear();
				this.month = date.getMonth() + 1;
				this.date = date.getDate();
				this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
				this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
				this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
				this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

				this.toString = function() {
					return this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day; 
				};
				
				this.toSimpleDate = function() {
					return this.year + "-" + this.month + "-" + this.date;
				};
				
				this.toDetailDate = function() {
					return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
				};
				
				this.display = function(ele) {
					var clock = new Clock();
					ele.innerHTML = clock.toString();
					window.setTimeout(function() {clock.display(ele);}, 1000);
				};
			}		
		</script>
	</head>
	<body>
		<span id="clock"></span>
		<script type="text/javascript">
			var clock = new Clock();
			clock.display(document.getElementById("clock"));
		</script>
	</body>
</html>

程序猿老高

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
时间操作（JavaScript版）—页面显示格式：年月日时分秒星期

显示格式：年月日时分秒星期 function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Arra
复制链接

扫一扫