21-内置对象:Date

内置对象:Date

Date对象的创建

写法一:表示的是当前代码执行的时间(也可以理解成是获取当前时间对象)

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

写法二:在参数中传递一个表示时间的字符串(兼容性最强)

    var date2 = new Date("2017/09/06 09:00:00");
    console.log(date2);

写法三:(不常用)

    var date3 = new Date('Wed Jan 27 2017 12:00:00 GMT+0800 (中国标准时间)');
    console.log(date3 );

写法四:(不常用)

    var date4 = new Date(2017, 1, 27);    //写法四
    console.log(date4);

以上四种写法的打印结果是:

获取日期和时间

Date对象 有如下方法,可以获取日期和时间:

  • getDate() 获取日 1-31

  • getDay() 获取星期 0-6(0代表周日,1代表周一)

  • getMonth() 获取月 0-11(0代表一月)

  • getFullYear() 获取年份

  • getHours() 获取小时 0-23

  • getMinutes() 获取分钟 0-59

  • getSeconds() 获取秒 0-59

  • getMilliseconds() 获取毫秒 (1s = 1000ms)

代码举例:

getTime():获取时间戳

Date对象 还有如下方法:

  • getTime() 获取当前日期对象的时间戳。这个方法在实际开发中,用得比较多。

啥叫时间戳?接下来,我们解释一下。

时间戳:指的是从格林威治标准时间的1970年1月1日,0时0分0秒到当前日期所花费的毫秒数(1秒 = 1000毫秒)。

计算机底层在保存时间时,使用的都是时间戳。时间戳的存在,就是为了统一时间的单位。

我们再来看下面这样的代码:

打印结果(可能会让你感到惊讶)

为啥打印结果是-28800000,而不是0呢?这是因为,我们的当前代码,是在中文环境下运行的,与英文时间会存在8个小时的时差(中文时间比英文时间早了八个小时)。如果代码是在英文环境下运行,打印结果就是0

利用时间戳检测代码的执行时间

我们可以在业务代码的前面定义 时间戳1,在业务代码的后面定义 时间戳2。把这两个时间戳相减,就能得出业务代码的执行时间。

format()

将时间对象转换为指定格式。

参考链接:https://www.cnblogs.com/tugenhua0707/p/3776808.htmlarrow-up-right

练习

举例1:模拟日历

要求每天打开这个页面,都能定时显示当前的日期。

代码实现:

实现效果:

举例2:发布会倒计时

实现思路:

设置一个定时器,每间隔1毫秒就自动刷新一次div的内容。

代码实现:

实现效果:

我的公众号

想学习代码之外的技能?不妨关注我的微信公众号:千古壹号(id:qianguyihao)。

扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

Last updated