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

下面给出对"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日

相关文章

  • HTML5+setCutomValidity()函数验证表单实例分享

    HTML5+setCustomValidity()函数是HTML5表单验证的一种手段,可以用于实现自定义的表单验证。它可以在用户提交表单之前,动态地对表单中的输入进行检验,通过返回值控制表单是否能够提交。以下是使用HTML5+setCustomValidity()函数进行表单验证的完整攻略。 1. 创建一个基本表单 首先,在HTML中创建一个表单,并添加一些…

    JavaScript 2023年6月10日
    00
  • 原生JS中应该禁止出现的写法

    当使用原生JavaScript编写代码时,需要注意一些写法上的问题,避免引发不必要的错误或者性能问题。以下是几个应该禁止出现的写法。 1. 使用 document.write document.write 是一种在网页中输出HTML的方法,但是它的使用会破坏页面的结构,降低性能,还可能引起安全问题。当使用 document.write 时,浏览器会强制停止所…

    JavaScript 2023年6月10日
    00
  • 详细分析单线程JS执行问题

    好的。首先,我们来了解一下单线程JS执行问题。 JavaScript是一种单线程的语言,只能在一个主线程上执行。这意味着,JavaScript代码只能以串行的方式执行,也就是说,只能一个函数一个函数依次执行,不会出现多个函数同时运行的情况。 这样做有什么好处呢?一方面,可以避免多个线程之间的竞争和同步问题;另一方面,可以使代码的执行顺序更加明确和可控。 但同…

    JavaScript 2023年5月28日
    00
  • javascript typeof id===’string’?document.getElementById(id):id解释 原创

    “javascript typeof id===’string’?document.getElementById(id):id” 是一段 JavaScript 三元运算符语句。这段代码的作用是:判断变量 id 是否是字符串类型,如果是,则执行 document.getElementById(id),否则返回变量 id。 具体来说,其中涉及到以下部分: “ty…

    JavaScript 2023年6月10日
    00
  • 大幅提升前端工作效率!Numeral.js数值格式化库来了!

    我们日常开发中,时常会碰到数值格式化操作的场景,今天了不起就为大家分享一款相对比较全面的数值格式化的JS库:Numeral.js Numeral.js Numeral.js 是一个用来对数值进行操作和格式化的 JS 库。可将数字格式化为货币、百分比、时间,甚至是序数词的缩写(比如1st,100th)。 安装 下载到本地引入 <script src=”n…

    JavaScript 2023年5月10日
    00
  • javascript判断并获取注册表中可信任站点的方法

    确保网站在浏览器端的JavaScript运行环境下可以判断并获取注册表中可信任站点是很重要的。以下是一些完整的步骤: 在浏览器端使用ActiveXObject对象来访问注册表 在Internet Explorer浏览器中,可以使用ActiveXObject对象来访问注册表。以下是如何使用它来获取可信任站点列表的示例: var WshShell = new A…

    JavaScript 2023年6月10日
    00
  • 创建与框架无关的JavaScript插件

    创建与框架无关的JavaScript插件,需要考虑以下关键要点: 1. 避免与全局命名空间冲突 在创建插件时,应尽可能避免使用全局命名空间中已存在的变量和函数。可以通过创建一个伪命名空间,将插件中的所有变量和函数保存在其中,并确保不会与其他脚本发生冲突。 var MyPlugin = (function() { // 插件的代码放在这里… })(); 2…

    JavaScript 2023年6月11日
    00
  • 详解React中的this指向

    当使用React构建应用程序时,使用this来引用组件实例中的属性和方法可能会变得稍微复杂。在React组件中,this的值可能是 null、 undefined 或指向其他对象。这可能会导致执行时错误或行为不一致的情况出现。 为什么this指向会变化? React组件的 this 值会受到许多因素的影响,主要有以下原因: 在类方法中,this 默认指向组件…

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