js实现页面显示时间

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

andyLiuzy

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

阅读量714

点赞数

分类专栏： js 文章标签： js 时间

本文链接：https://blog.csdn.net/andyLiuzy/article/details/76721667

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js实现页面显示时间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function getTime(){
				var dd=new Date();//获取当前时间对象
				var year=dd.getFullYear();//年份
				var month=dd.getMonth()+1;//月份+1得到当前月
				var day=dd.getDate();//获取日
				var ww=dd.getDay();//获取星期
				//alert(ww);
				var weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
				var week=weeks[ww];//根据星期，获取当前星期几;
				var hour=dd.getHours();
				var minutes=dd.getMinutes();
				var second=dd.getSeconds();
				if(month<10){
					month = "0"+month;//判断小于10，前面+0填充
					}
					if(day<10){
					day = "0"+day;
					}
					if(hour<10){
					hour = "0"+hour;
					}
					if(minutes<10){
					minutes = "0"+minutes;
					}
					if(second<10){
					second = "0"+second;
					}
				document.getElementById("div1").innerText='当前时间'+':'+year+'年'+month+'月'+day+'日'+week+':'+hour+':'+minutes+':'+second;
				setTimeout("getTime()",1000);//每秒更新一次
				
			}
		</script>
	</head>
	<body οnlοad="getTime()">
		<div id="div1"></div>
	</body>
</html>