JavaScript时间显示代码

最新推荐文章于 2024-08-06 23:12:50 发布

syhfly2333

最新推荐文章于 2024-08-06 23:12:50 发布

阅读量152

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/syhfly2333/article/details/107401491

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	
	<body>
		<span id="time"></span>
		<script>
			function show(){
				var date =new Date();
				var year=date.getFullYear();
				year=year<10?"0"+year:year;
				var month=date.getMonth()+1;
				month=month<10?"0"+month:month;
				var day=date.getDate();//一个月哪天
				day=day<10?"0"+day:day;
				var week=date.getDay();//周几
				/*switch(week){
					case 1:
						week="星期一";
					break;
					case 2:
						week="星期二";
					break;
					case 3:
						week="星期三";
					break;
					case 4:
						week="星期四";
					break;
					case 5:
						week="星期五";
					break;
					case 6:
						week="星期六";
					break;
					case 0:
						week="星期日";
					break;
				}*/
				week="日一二三四五六".charAt(week);//获取字符串相应位置字符
				week="星期"+week;
				
				var hour=date.getHours();
				hour=hour<10?"0"+hour:hour;
				var minute=date.getMinutes();
				minute=minute<10?"0"+minute:minute;
				var second =date.getSeconds();
				second=second<10?"0"+second:second;
				var result=year+"-"+month+"-"+day+","+week+","+hour+":"+minute+":"+second;
				document.getElementById("time").innerHTML=result;
			}
			show();//使得运行一开始就有时间显示
			setInterval("show()",1000);//会隔一秒后，显示时间，且以后美妙刷新一次
		</script>
	</body>
</html>