JavaScript显示时间功能

最新推荐文章于 2024-01-26 17:20:03 发布

野菌桃

最新推荐文章于 2024-01-26 17:20:03 发布

阅读量202

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/YJT180/article/details/102767106

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了JavaScript中如何创建时间对象，并详细讲解了Date对象的常用方法，帮助理解如何在JavaScript中获取和操作时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建时间对象

var date = new Date();

利用Date对象中的方法获取时间

常用方法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"> 
		<title>timer</title>
	</head>
	<body οnlοad="time()">
		<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;
			}
			setInterval("time()", 1000); //每隔1000毫秒（即1秒）显示一次当前时间
		</script>
		<span id="time"></span>
	</body>
</html>

调整function


<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">
		<title></title>
	</head>
	<body οnlοad="time()">
		<script>
			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;
			}
			setInterval("time()",1000);
		</script>
		<span id="time"></span>
	</body>
</html>