JS中Date

最新推荐文章于 2024-10-10 10:50:43 发布

Sherry1014miss

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量108

点赞数

分类专栏： JS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Sherry1014miss/article/details/121176277

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

先在MDN中搜索这个函数

从1970年开始计算

Date()日期对象是一个构造函数必须使用new 来调用创建我们的日期对象`

var arr = new Array();//创建一个数组对象
var obj = new Object();//创建了一个对象实例
//1.使用Date 
var date = new Date();
console.log(date);
//2.参数常用的写法 数字型 2019，10，01 或者是字符串型的'2019-10-1 8:8:8'
//字符串型的用的最多
var date1 = new Date(2019,10,2);
console.log(date1)；

记得月份加1

封装函数

<script>
		//分别输出时分秒
		var date = new Date();
		console.log(date.getHours());
		console.log(date.getMinutes());
		console.log(date.getSeconds());
		//要求封装一个函数返回当前的时分秒 格式 00：00：00
		function getTime(){
			var time = new Date();
			var h = time.getHours();
			//最妙的是这里，如果不超过10的话有0
			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())
	</script>

获取日期对象的毫秒

获得Date总的毫秒数，不是当前时间的毫秒数，是距离1970年1，1过了多少毫秒数

时间戳

<script type="text/javascript">
		//获得Date总的毫秒数（时间戳），不是当前时间的毫秒数，而是距离1970年一月一日过了多少毫秒数
		//1.通过valueOf() getTime()
		var date = new Date();
		console.log(date.valueOf());
		console.log(date.getTime());//这两种都是计算我们现在的时间距离1970年到现在的总毫秒数
		//2.简单的写法，最常用的写法
		var date1 = +new Date();//+new Date 返回的就是总的毫秒数
		console.log(date1);
		//3.H5新增的写法.要考虑兼容性，在一些low的浏览器是不适合的
		console.log(Date.now());
	</script>

终于要做案例了

京东倒计时

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>倒计时案例</title>
	<script type="text/javascript">
	//倒计时效果
	//获得Date总的毫秒数（时间戳）不是当前时间的毫秒数 而是距离1970年
	//用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数
	//把剩下的时间总的毫秒数转化为天，时，分，秒
	//转换公式如下
	//d = parseInt(总秒数/60/60/24);//计算天数
	//h = parseInt(总秒数/60/60%24);//计算小时
	//m = parseInt(总秒数/60%60)；//计算分数
	//s = parseInt(总秒数%60);//计算当前秒数
		function countDown(time){
			var nowTime = +new Date();//返回的是当前时间总的毫秒数
			var inputTime = +new Date(time);//返回的是用户输入时间总的毫秒数
			var times = (inputTime - nowTime)/1000;//time 是剩余时间总的毫秒数
			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('2021-11-11 11:12:34'));
			var date = new Date();
			console.log(date);
	</script>
</head>
<body>
	
</body>
</html>