Date对象无处不在


0.前言

  看到网上那些大神写的时间、钟表各种酷炫,心里痒痒的,因此今天就来说一些关于时间对象的知识,希望自己也能写出酷炫的钟表时钟,O(∩_∩)O哈哈~

1.了解时间

  首先来了解两个时间:
   (1)格林尼时间(GMT):是英国郊区格林尼治天文台的时间,因为地球自转的问题,每个时区的时间是不一样的。格林尼治天文台所处的是经度为0的地方,世界上一些重大的时间都是使用的格林尼治时间。
   (2)世界协调时间(UTC):也叫世界时间。就是1970年1月1日0时。


2.Date

  我们知道在不管是在移动端、还是PC端,都会用到时间对象Date,那么在JS中他是怎么来的呢?

JS中的Date类型是由早期Java中的java.util.Date类型基础上构建的。所以保存的是距离1970年1月1号0时的毫秒数来存储时间的。

(1)Date的创建

  第一种:用Date()函数创建

var date1 = Date();
console.log(date1);
console.log(typeof date1);

运行结果:

捕获.PNG

上面获取的是系统当前的时间,通过打印看到这种创建方法的时间得到是一个字符串“string”。
   第二种:用构造函数创建
这种方法又分四种类型:
1.不使用参数,得到当前时间

var date2 = new Date();
console.log(date2);
console.log(typeof date2);

结果:

捕获.PNG

和第一种方法的结果类似,都是得到当前时间,但是返回的数据类型是“object”。
2.使用参数,得到当前时间
注意:参数是一个表示时间的字符串

var date3 = new Date("2008/08/08 12:34:56");
console.log(date3);

//省略时分秒默认为0(默认是标准时间)
var date4 = new Date("2008/08/08");
console.log(date4);
var date5 = new Date("2008/9/18");
console.log(date5);

var date6 = new Date("2008-08-08 12:34:56");
console.log(date6);
var date7 = new Date("2008-09-03");//8点
console.log(date7);
var date8 = new Date("2008-1-1");//0点
console.log(date8);

结果:

Date对象无处不在_第1张图片
捕获.PNG

从上面可以看到,当参数不同的时候,打印输出的职业是不同的,只用年月日,没有时间,打印输出的结果是时间默认为0,时间的格式不一样的话,打印出的时间点也不同。
3、参数是 年,月,日,时,分,秒,毫秒

var date9 = new Date(2015, 5, 12, 15, 67, 34, 654);
console.log(date9);

结果:

捕获.PNG

注意:年月必须写,月是从0开始,日是从1开始。
1、如果月份超过11,则年份自动增加
2、如果日期超过当月应该有的天数,月自动增加
3、时、分、秒、毫秒都如此
4、参数是一个数字

var date10 = new Date(2234);
console.log(date10);

结果:

捕获.PNG

返回值:是距离1970年1月1日0点参数毫秒之后的时间
注意:对应北京时间加8小时


3.Date对象的方法

这个比较简单,直接上代码:




    
    Date对象的方法


    


运行结果:

Date对象无处不在_第2张图片
捕获.PNG

4.Date对象间的运算




    
    Date对象间的运算


    


5.总结

  以上上Date属性和一些常用的方法,但这只是第一步,还有很多的,只是为大家给大家的开胃小菜罢了。希望打赏!!!!

你可能感兴趣的:(Date对象无处不在)