JS学习之日期对象

最新推荐文章于 2024-07-12 16:27:40 发布

一只追求学习的学渣

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量114

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106966864

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>日期对象</title>
		<script>
			//DAte是一个构造函数 必须使用new 来调动创建日期对象
			// var arr = new Array();//创建一个数组对象
			// var obj = new Object();//创建一个数组对象
			 //1.使用Date 
			 // var date = new Date();
			 // console.log(date);
			 //2.参数常用的写法  数字型 2020,2,21  或者是字符型 '2020-5-21 16:46:56'
			 // var date1 = new Date(2020,2,21,16,54,35);
			 // console.log(date1);//返回的是3月 并不是2月
			 // var date2 = new Date('2020/5/21 16:46:56');
			 
			 // console.log(date2);
			 //3.日期的格式化(主要解决Sat Mar 21 2020 16:54:35 GMT+0800 )不友好
			 //怎样显示显示2020-5-21 5:112:30类似的格式的问题
			 //格式化日期 年 月 日
			 // var date = new Date();
			 // console.log(date.getFullYear());//返回当前年份
			 // console.log(date.getMonth() + 1);//返回的月份小一个月  故加一
			 // console.log(date.getDate());//返回几号
			 // console.log(date.getDay());//周一返回1，周六返回6，周日返回0
			 // //编写一个 2020年5月22日 星期五
			 // var year = date.getFullYear();
			 // var month = date.getMonth() + 1;
			 // var dates = date.getDate();
			 // var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
			 // var day = date.getDay();
			 // console.log('今天是: ' + year + '年' + month + '月' + dates + '日 ' + arr[day]);
			 //格式化日期时分秒
			 // var date = new Date();
			 // console.log(date.getHours());//时
			 // console.log(date.getMinutes());//分
			 // console.log(date.getSeconds());//秒
			 //要求封装一个函数返回当前的时分秒
			// function getTime(){
			// 	var time = new Date();
			// 	var h = time.getHours();
			// 	h = h < 10 ? '0' + h : h;
			// 	var m = time.getMinutes();
			// 	m = m < 10 ? '0' + m : m;
			// 	var s = time.getSeconds();
			// 	s = s < 10 ? '0' + s : s;
			// 	return h + ':' + m + ':' + s;
			// }
			// console.log(getTime());
			//5.获得时间戳，即获得Date总的毫秒数 即距1970年1月日总的毫秒数
			// //1.通过 valueOf() getTime()
			// var date = new Date();
			// console.log(date.valueOf());//获得现在时间距离1970年1月1日的总毫秒数
			// console.log(date.getTime());
			// //2.简单的写法(最常用的写法)
			// var date1 = +new Date();// +new Date() 返回的就是总的毫秒数
			// console.log(date1);
			// //3.(ie6,7,8不适用)H5 新增的  后的毫秒数的方法
			// console.log(Date.now());
			// 案例:做一个倒计时效果
			// 案例分析:
			// 1.核心算法:输入的时间减去现在的时间就是剩余时间,即倒计时,但不能用时分秒相减,
			// 比如 04分减去25分,结果是负的
			// 2.用时间戳来做,用户输入的总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余
			// 时间的毫秒数
			// 3.把剩余时间总的毫秒数转换为天,时,分,秒(时间戳转换为时分秒)
			// 转换公式如下:
			// 1.d = parseint(总秒数/60/60/24);//计算天数
			// 2.h = parseint(总秒数/60/60%24);//计算小时
			// 3.m = parseint(总秒数/60%60);//计算分钟
			// 4.s = parseint(总秒数%60);//计算当前秒数
			//下面以封装函数的方法
			//重点案例
			function countDown(time){
				var nowTime = +new Date();//返回值为当前时间总的毫秒数
				var inputTime =+new Date(time);//返回的是用户输入时间总的毫秒数
				var times = (inputTime - nowTime)//1000;times是剩余时间总的秒数
				var d = parseInt(times / 60 / 60 / 24);//计算天数
					d = d < 10 ? '0' + d : d;
				var h = parseInt(times / 60 / 60 % 24);//计算小时
					h = h < 10 ? '0' + h : h;
				var m = parseInt(times / 60 % 60);//计算分钟
					m = m < 10 ? '0' + m : m;
				var s = parseInt(times % 60);//计算当前秒数
					s = s < 10 ? '0' + s : s;
				return d + '天' + h + '时' + m + '分' + s + '秒';
			} 
			console.log(countDown('2020/5/22 11:39:30'));//字符串的形式调用
			var date = new Date();
			console.log(date);
		</script>
	</head>
	<body>
	</body>
</html>




//1.console.log(date)的时候可能会出现'Invalid Date'
https://jingyan.baidu.com/article/2f9b480dc6ac5741cb6cc2a7.html
2.Date概述
(1.)Date 对象和Math对象不一样，Date对象是一个构造函数，所以需要实例化后才能使用
(2.)Date实例用来处理日期和时间
3.Date方法的使用
1.获取当前时间必须实例化
var date = new Date();//里面没有参数表示获取当前的时间
console.log(date);
2.Date()构造函数参数
如果括号里面有时间,就返回参数里面的时间,例如:日期格式字符串为'2020-5-21',
可以写成 new Date('2020-5-21')或者 new Date('2020/5/21')

一只追求学习的学渣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习之日期对象

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>日期对象</title> <script> //DAte是一个构造函数必须使用new 来调动创建日期对象 // var arr = new Array();//创建一个数组对象 // var obj = new Object();//创建一个数组对象 //1.使用D
复制链接

扫一扫