JS学习笔记更新第一期（Date对象实现时钟走动）

转晴喵

已于 2024-07-19 16:03:01 修改

阅读量343

点赞数 8

文章标签： javascript 学习笔记

于 2024-07-19 16:01:43 首次发布

本文链接：https://blog.csdn.net/th891166/article/details/140552314

版权

暑期系统复习了一遍JS相关内容，这是一个简单的时钟走动练习（有些学校期末会考）。

这是js代码，里面有相应的知识点标注，可以结合着看一下

/* Data对象
		  --在JS中使用Date对象来表示一个时间 
		  创建一个指定的时间对象，需要在构造函数中传递一个表示时间的字符作为参数
		  日期格式：月份/日/年 时：分：秒
		  var d2=new Date("12/03/2016 11:10:30");
		  */
		 
		let mytime=new Date();//创建时间对象，封装的当前代码执行的最新时间
		//获取具体年月日时分秒
		let nian=mytime.getFullYear();
		let yue=mytime.getMonth();//获取月份，返回0-11 0表示1月
		let ri=mytime.getDate();
		let xq=mytime.getDay();//获取当前日期对象是周几，返回的是0-6的数字 0表示周日
		/* getTime()
		-获取当前日期对象的时间戳
		-值的是从格林威治1970年1月1日，0时0分0秒到指定的时间对象的毫秒数（1秒=1000 毫秒）
		-计算机底层在保存时间的时候使用的都是时间戳
		time=Date.now();//获取当前时间戳
		*/
		
		switch(xq){
			case 1:
			str="一";
			break;
			case 2:
			str="二";
			break;
			case 3:
			str="三";
			break;
			case 4:
			str="四";
			break;
			case 5:
			str="五";
			break;
			case 6:
			str="六";
			break;
			default:
			str="日";
			break;
			
			
		}
		
		let shi=mytime.getHours();
		let fen=mytime.getMinutes();
		let miao=mytime.getSeconds();
		let res="现在时间是："+nian+"年"+yue+"月"+ri+"日"+"&nbsp;"+"&nbsp;"+"星期"+str+"&nbsp;"+shi+":"+fen+":"+miao;
		
		document.getElementById("showtime").innerHTML=res;
	    setInterval(showtime,1000);

这是简单的div盒子，用来显示

<div id="showtime">
			   现在时间是：XXXX年XX月XX日  星期X  XX:XX:XX
		</div>

以下是完整的代码，粘贴即可运行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>时钟走动</title>
	</head>
	<body>
		<div id="showtime">
			   现在时间是：XXXX年XX月XX日  星期X  XX:XX:XX
		</div>
		
		<script>
		
		 
		let mytime=new Date();//创建时间对象，封装的当前代码执行的最新时间
		//获取具体年月日时分秒
		let nian=mytime.getFullYear();
		let yue=mytime.getMonth();//获取月份，返回0-11 0表示1月
		let ri=mytime.getDate();
		let xq=mytime.getDay();//获取当前日期对象是周几，返回的是0-6的数字 0表示周日
		
		switch(xq){
			case 1:
			str="一";
			break;
			case 2:
			str="二";
			break;
			case 3:
			str="三";
			break;
			case 4:
			str="四";
			break;
			case 5:
			str="五";
			break;
			case 6:
			str="六";
			break;
			default:
			str="日";
			break;
			
			
		}
		
		let shi=mytime.getHours();
		let fen=mytime.getMinutes();
		let miao=mytime.getSeconds();
		let res="现在时间是："+nian+"年"+yue+"月"+ri+"日"+"&nbsp;"+"&nbsp;"+"星期"+str+"&nbsp;"+shi+":"+fen+":"+miao;
		
		document.getElementById("showtime").innerHTML=res;
	    setInterval(showtime,1000);
		</script>
	</body>
</html>