js中获取时间new Date()的全面介绍

yizhihongxing

下面给出对"js中获取时间new Date()的全面介绍"的详细讲解。

1. 什么是Date对象?

在JavaScript中,Date对象用于处理日期和时间,它可以获取当前的日期时间,也可以设置指定的日期时间。

使用new Date()命令可以创建一个Date对象。如下面的示例代码:

let date = new Date();
console.log(date);

执行以上代码,控制台会输出当前的时间信息。

2. Date对象的构造方法

Date对象有四种创建方式:

  1. new Date(): 创建一个表示当前时间的对象
  2. new Date(value): 创建一个表示从1970年1月1日开始加上指定毫秒数的对象
  3. new Date(dateString): 创建一个指定日期字符串的对象
  4. new Date(year, monthIndex[, day[, hour[, minutes[, seconds[, milliseconds]]]]]): 创建一个指定年月日时分秒的对象

下面依次介绍这四种创建方法。

2.1. new Date()

语法:new Date()

这个构造方法创建了一个表示当前时间的Date对象。

let date = new Date();
console.log(date);  // Wed May 12 2021 10:09:01 GMT+0800 (中国标准时间)

2.2. new Date(value)

语法:new Date(value)

这个构造方法根据所给的毫秒数value创建了一个Date对象。这个毫秒数是从1970年1月1日GMT午夜开始计算的。

let date = new Date(86400000);
console.log(date); // Sat Jan 02 1971 08:00:00 GMT+0800 (中国标准时间)

上述代码中的86400000是一天的毫秒数。

2.3. new Date(dateString)

语法:new Date(dateString)

这个构造方法根据所给定的日期字符串创建了一个Date对象。

let date = new Date("2021-05-12T10:30:00");
console.log(date); // Wed May 12 2021 10:30:00 GMT+0800 (中国标准时间)

2.4. new Date(year, monthIndex[, day[, hour[, minutes[, seconds[, milliseconds]]]]])

语法:new Date(year, monthIndex[, day[, hour[, minutes[, seconds[, milliseconds]]]]])

这个构造方法根据所给的年、月、日、时、分、秒以及毫秒创建了一个Date对象。

let date = new Date(2021, 4, 12, 10, 30, 0, 0);
console.log(date); // Wed May 12 2021 10:30:00 GMT+0800 (中国标准时间)

3. Date对象的方法

Date对象还有很多有用的方法,下面列举一些常用的方法。

3.1. getDate()

getDate()方法返回一个月中的某一天(1〜31)。

let date = new Date();
console.log(`今天是${date.getDate()}号`);

3.2. getMonth()

getMonth()方法返回一个年份的月份(0〜11)。

let date = new Date();
console.log(`现在是${date.getMonth()+1}月份`);

3.3. getFullYear()

getFullYear()方法返回一个表示年份的四位数字。

let date = new Date();
console.log(`现在是${date.getFullYear()}年`);

4. 示例

示例1: 每隔1秒钟输出当前时间

setInterval(function () {
  let date = new Date();
  console.log(`${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`);
}, 1000);

上述代码会每隔1秒钟输出当前时间的小时、分钟、秒数三个数值。

示例2: 计算两个日期之间相差的天数

function dateDiff(dateStr1, dateStr2) {
  let d1 = new Date(dateStr1);
  let d2 = new Date(dateStr2);
  let diff = d2.getTime() - d1.getTime();
  return Math.floor(diff / (24 * 60 * 60 * 1000));
}

let date1 = '2021-01-01';
let date2= '2021-05-12';
let days = dateDiff(date1, date2);
console.log(`从${date1}到${date2}相差${days}天`);

上述代码会计算出2021年1月1日到2021年5月12日相差的天数,结果为131天。

以上就是使用new Date()获取时间以及Date对象的常用方法的全面介绍,并且给出了两个示例代码。希望对您有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中获取时间new Date()的全面介绍 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS中对象与字符串的互相转换详解

    下面是关于JS中对象与字符串的互相转换详解: 对象转字符串 在JS中,对象转成字符串通常使用JSON.stringify()函数,该函数将JavaScript对象转换为字符串,序列化过程中字符串中的对象、数组等会自动转成字符串。 以下是转换过程及示例代码: 基础用法 let obj = {name: ‘Mike’, age: 20, hobby: [‘rea…

    JavaScript 2023年5月27日
    00
  • JS动画定时器知识总结

    标题:JS动画定时器知识总结 正文: 1. 前言 在前端开发中,动画交互是一个很重要的部分。JS定时器作为动画交互的实现方式之一,在使用过程中存在着一些需要注意的点。本文将针对JS动画定时器进行一个总结,希望能对读者在动画交互的应用中提供一些帮助。 2. 定时器概念 在JavaScript中,有两种定时器:setInterval()和setTimeout()…

    JavaScript 2023年6月10日
    00
  • 异步安全加载javascript文件的方法

    异步安全加载JavaScript文件是指在保证网页性能和用户体验的同时,确保JavaScript代码能够无误地执行。下面是异步安全加载JavaScript文件的方法: 1. 异步加载JavaScript文件 异步加载JavaScript文件可以使用HTML5中的script标签,并且设置async属性。这样浏览器会异步加载脚本,不会阻塞网页的渲染,同时脚本在…

    JavaScript 2023年5月27日
    00
  • 原生JS获取URL链接参数的几种常见方法

    我来给你详细讲解一下怎么通过原生JS获取URL链接参数。 一、利用window.location.search window.location.search可以获取URL的查询参数部分,即URL中?号后面的内容。 示例代码如下: const queryString = window.location.search; console.log(queryStri…

    JavaScript 2023年6月10日
    00
  • 再谈javascript注入 黑客必备!

    再谈 JavaScript 注入 黑客必备! 什么是 JavaScript 注入 JavaScript 注入是指通过在网页中插入恶意代码来实现攻击的一种手段。JavaScript 是一种广泛使用的客户端脚本语言,可以控制网页的行为并与服务器端进行交互。黑客可以通过 JavaScript 注入技术将恶意代码注入到网页中,从而控制网页的行为并实现攻击。 Java…

    JavaScript 2023年5月28日
    00
  • 前端程序员必须知道的高性能Javascript知识

    让我来介绍一下“前端程序员必须知道的高性能Javascript知识”的攻略。 什么是高性能Javascript 高性能Javascript指的是在运行Javascript代码时保持最佳性能的技巧和最佳实践。这些技巧和实践可帮助你在编写Javascript应用程序时提高性能,从而更快地加载和执行代码。 JS性能优化的原则 以下是我们在编写Javascript时…

    JavaScript 2023年5月27日
    00
  • JavaScript获取URL中参数querystring的方法详解

    JavaScript获取URL中参数querystring的方法详解 在前端开发中,我们经常需要从URL中获取参数querystring的值,然后根据这些参数进行相应的操作。本文将介绍一些获取URL中参数querystring的方法,希望能够对你有所帮助。 方法一:使用正则表达式 使用window.location.search获取URL中的querystr…

    JavaScript 2023年6月10日
    00
  • javascript encodeURI和encodeURIComponent的比较

    讲解“javascript encodeURI和encodeURIComponent的比较”的完整攻略如下: javascript encodeURI和encodeURIComponent的比较 在JavaScript中,我们经常需要对URL进行编码,以便于在不同的环境下传输和处理数据。JavaScript提供了两种对URL进行编码的方法:encodeURI…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部