JavaScript动态显示年月日星期时分秒

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 id="z"></h1>
		<script type="text/javascript">
			function get(option){
				// switch(option){
				// 	case 0:
				// 	return"星期日";
				// 	case 1:
				// 	return"星期一";
				// 	case 2:
				// 	return"星期二";
				// 	case 3:
				// 	return"星期三";
				// 	case 4:
				// 	return"星期四";
				// 	case 5:
				// 	return"星期五";
				// 	case 6:
				// 	return"星期六";
				// }
				var week = "日一二三四五六".charAt(option);
				return "星期"+week;
			}
			function showTime(){
				var dateTime = new Date();
				var year = dateTime.getFullYear();
				var month = dateTime.getMonth();
				month=month<10?"0"+month:month;
				var date = dateTime.getDate();
				date=date<10?"0"+date:date;
				var hour = dateTime.getHours();
				hour=hour<10?"0"+hour:hour;
				var minute = dateTime.getMinutes();
				minute=minute<10?"0"+minute:minute;
				var second = dateTime.getSeconds();
				second=second<10?"0"+second:second;
				var day = dateTime.getDay();
				var a = get(day);
				dateTime = year+"年"+month+"月"+date+"日"+a+hour+":"+minute+":"+second
				document.getElementById("z").innerHTML=dateTime;
			}
			showTime();
			setInterval("showTime()",1000);//每隔一秒执行一次showTime方法
		</script>
	</body>
</html>

  

posted @ 2021-06-04 15:16    阅读(130)  评论(0编辑  收藏  举报