JavaScript时间格式化函数的使用

矫情吗；* 2023-10-06 17:53 24阅读 0赞

## 了解相关函数的使用 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			// 一、创建日期的三种方式
    			// 创建一个日期,放回当前日期
    			let date1 =new Date();
    			console.log(date1);
    			// 根据指定日期创建日期对象
    			let date2 =new Date("2019-08-08");
    			console.log(date2);
    			//根据从1970-1-1开始的毫秒数，创建日期对象
    			let date3 = new Date(422342342423)
    			console.log(date3);
    			//字符串的repeat()方法，表示重复次数
    			console.log( '-'.repeat(50));
    			
    			// 二、相关日期get函数的使用
    			// getYear()方法，返回从eo年到当前目期的年数
    			console.log('年数:'+date1.getYear());
    			//getFulLYear()方法，返回目期的年份
    			console.log('年份:'+date1.getFullYear());
    			// getMonth()方法，返回日期的月份
    			//注意;返回结果是0-11，0表示一月份，11表示十二月份
    			console.log('月份:'+(date1.getMonth()+1));
    			// getDate()方法，返回月份的天数
    			console.log('日期:'+date1.getDate());
    			//getHours()方法，返回小时
    			console.log('小时:'+date1.getHours());
    			// getMinutes()方法，返回分钟
    			console.log('分钟:'+date1.getMinutes());
    			// getSeconds()方法，返回秒数
    			console.log('秒数:'+date1.getSeconds());
    			// getMilLiseconds()方法，返回毫秒
    			console.log('毫秒:'+date1.getMilliseconds());
    			//注意:返回值是0-6，0表示星期天
    			console.log('周几:'+date1.getDay());
    
    			// 三、相关日期set函数的使用
    			//日期对象的getXXX()方法，是返回日期中的指定部分
    			//日期对象的setXXX()方法，是设置日期中的指定部分
    			console.log( '-'.repeat(50)) ;
    			date1.setDate(3)
    			date1.setMonth(5)
    			console.log(date1);
    
    		</script>
    	</head>
    	<body>
    		
    	</body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]

## 实际使用 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			let date1 = new Date(); //返回当前日期
    			let date2 = new Date('1997-3-20') //指定的目期
    			//两个日期相减，返回的是两个日期的毫秒数
    			let num = date1 - date2;
    			let sec = Math.floor(num / 1000);
    			let mi = Math.floor(num / 1000 / 60);
    			let h = Math.floor(num / 1000 / 60 / 60);
    			let d = Math.floor(h / 24);
    			console.log('毫秒: ' + num);
    			console.log('秒数: ' + sec);
    			console.log('分钟:' + mi);
    			console.log('小时:' + h);
    			console.log('天数:' + d);
    			console.log('-'.repeat(50));
    			let date3 = new Date('2021-06-06 17:40:00')
    			console.log('距离2021-06-06 17:40:00还剩下:' + Math.floor((date3 - date1) / 1000) + '秒');
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210606103836412.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210606104000598.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70