JavaScript显示时间

最新推荐文章于 2024-08-04 10:58:32 发布

Happy_syy

最新推荐文章于 2024-08-04 10:58:32 发布

阅读量263

点赞数

本文链接：https://blog.csdn.net/Happy_syy/article/details/102764731

版权

1.创建时间对象

var date = new Date();

在这里插入图片描述
常用的是前三个

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>使用JavaScript给HTML元素分配事件</title>
	</head>
	<body onload="time()">   
                             <!-- 设定onload是为了在加载时执行onload内容-->
		<script>
			function time(){
				var date = new Date();
				
				var year = date.getFullYear();
				var month = date.getMonth()+1;    //因为month属性从0开始所以加1				
				var day = date.getDate();				
				var week = date.getDay();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();
				second = second<10?"0"+second:second;
			
				var current = year+"-"+month+"-"+day+" "+"星期"+week+" "+hour+":"+minute+":"+second;
				
				document.getElementById("time").innerHTML=current;   //利用document对象
			}
			
			setInterval("time()",1000);
			//time()表示传过来的函数，每隔1000毫秒执行一次，也就是一秒显示一次当前时间
		</script>
		<span id="time"></span>

	</body>
</html>

第二种方法
将function time()功能改变一下

function time(){
				var date = new Date();
				
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				month = month<10?"0"+month:month;
				var day = date.getDate();
				day = day<10?"0"+day:day;
				var week = "日一二三四五六".charAt(date.getDay());//使用charAt函数提取相应汉字
				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 current = year+"-"+month+"-"+day+" "+"星期"+week+" "+hour+":"+minute+":"+second;
				
				document.getElementById("time").innerHTML=current;
			}