javascript 内置对象Date总结及案例

//内置对象Date是构造函数，用new创建对象,无参数时返回当前时间，可加参数返回特定时间

var now_time = new Date();

console.log(now_time);

// 年月日之间可以用-或者/

var time_1 = new Date(‘2018-05-06 12:36:15’);

var time_2 = new Date(‘2018/05/06’);

console.log(time_1);

console.log(time_2);

格式化时间

---

可以从上图看到返回的时间格式 Sun May 06 2018 00:00:00 GMT+0800 (中国标准时间) 不符合我们中国人的表示习惯

所以我们需要获取日期的指定部分，然后进行日期格式化。

| 方法名 | 说明 | 代码 |

| — | — | — |

| getFullYear() | 获取当年 | Obj.getFullYear() |

| getMonth() | 获取当月，返回0 -11 | Obj.getMonth() |

| getDate() | 获取当天日期 | Obj.getDate() |

| getDay() | 获取星期几（周日0 到 周六6） | Obj.getDay() |

| getHours() | 获取当前小时 | Obj.getHours() |

| getMinutes() | 获取当前分钟 | Obj.getMinutes() |

| getSeconds() | 获取当前秒钟 | Obj.getSeconds() |

1.格式化日期 - 年，月，日

//格式化日期- 年，月，日

var date = new Date(); // 实例化一个日期对象

var year = date.getFullYear(); // 返回当前日期年份

var month = date.getMonth() + 1; //返回的是0-11，分别对应1-12月，所以接果+1才是正确的月数

year = year < 10? ‘0’ + year: year ;

var dates = date.getDate(); // 返回几号

dates = dates < 10? ‘0’ + dates: dates ;

var day = date.getDay(); //返回的是0-6，分别对应星期天-星期六

var day_arr = [‘星期天’,‘星期一’,‘星期二’,‘星期三’,‘星期四’,‘星期五’,‘星期六’,]

console.log(‘今天是：’+ year + ‘年’ + month + ‘月’ + dates + ‘日’ + day_arr[day]);

2.格式化时，分，秒

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());

获取Date总的毫秒数(时间戳)

---

我们时常可以看到时间戳，那么他是怎么来的呢？

其实时间戳表示的是从1970年1月1号到当前时间的总的毫秒数。

至于为什么是1970年的这个时间，感兴趣的可以百度看看，十分有趣。

在我们javascript中获取时间戳有三种方法。

//获取Date总的毫秒数(时间戳) ，是从1970年1月1号到当前的总的毫秒数 至于为什么是这个时间，感兴趣的可以百度看看，十分有趣

//1.通过 valueOf() 或者 getTime() 方法

var date = new Date();

console.log(date.valueOf()); //得到的是我们当前时间距离1970 1.1的总的毫秒数

console.log(date.getTime());

//2.简单的写法（最常用的写法）

var date = +new Date();

console.log(date);

//3.H5 新增的,ie9以下不适用

console.log(Date.now());

案例-网页倒计时核心算法（重要）

1）核心算法：输入的时间减去现在的时问就是利余的时问，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的。

2）用时间载来做。用户输入时间总的老秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。

3）把剩余时间总的毫秒数化为秒然后转换为天、时、分、秒（时间转换为时分秒）

转换公式下：

d = parselnt （总秒数／60/60/24);        计算天数

h = parselnt （总秒数／60/60%24);        计算小时

m = parselnt （总秒数／60%60);        计算分数

s = parselnt （总秒数％60);        计算当前秒数

//网页倒计时核心算法

function countTime(time){

var newTime = +new Date(); //获取当前总的毫秒数（时间戳）

var inputTime = +new Date(time); // 得到指定时间的时间戳

var times = (inputTime - newTime) / 1000; // 剩余时间的秒数

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！