JS中 new Date() 各方法的用法说明

下面是JS中new Date()各方法的用法说明的攻略:

Date对象

Date对象是JS中内置的一个对象,用来操作时间和日期。我们可以通过new Date()构造函数来创建一个Date对象。接下来我们就来详细地讲解一下Date对象中各方法的用法说明。

Date的构造函数

在使用Date对象时,我们可以通过构造函数 new Date() 来创建日期对象。该构造函数接受一个表示时间的参数,例如:

new Date() //返回当前时间
new Date(milliseconds) //传入毫秒数,生成该毫秒数对应的日期对象
new Date(dateString) //传入一个字符串,表示日期和时间。该字符串遵循ISO 8601日期和时间格式
new Date(year, month, day, hours, minutes, seconds, milliseconds) // 传入年、月、日、时、分、秒、毫秒数,生成该日期的日期对象

Date的方法

以下是Date对象中常用的一些方法及其说明:

getDate()

返回一个月中的某一天。

const now = new Date();
console.log(now.getDate()); // 输出今天是哪个月的第几天

getDay()

返回星期中的某一天(0 ~ 6)。

const now = new Date();
console.log(now.getDay()); // 输出今天是周几(0 ~ 6)

getMonth()

返回月份(0 ~ 11)。

const now = new Date();
console.log(now.getMonth()); // 输出当前月份(0 ~ 11)

getFullYear()

返回年份(如2021)。

const now = new Date();
console.log(now.getFullYear()); // 输出当前年份(如2021)

getTime()

返回从1970年1月1日午夜(UTC/GMT的午夜)开始到现在的毫秒数。

const now = new Date();
console.log(now.getTime()); // 输出1970年1月1日午夜(UTC/GMT的午夜)开始到现在的毫秒数

示例说明

下面是两个示例,帮助你更好的理解Date对象不同方法的使用。

示例1

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const dayOfWeek = now.getDay();
console.log(`今天是${year}年${month}月${day}日,星期${dayOfWeek}`);

这个示例中,我们通过使用Date对象中的getFullYear、getMonth、getDate、getDay方法,获取并输出了当前的年、月、日和星期几。

示例2

const before = new Date(2021, 4, 1); // 2021年5月1日
const now = new Date();
const timeDiff = now.getTime() - before.getTime();
const dayDiff = timeDiff / (1000 * 60 * 60 * 24);
console.log(`距离2021年5月1日已过去了${ dayDiff.toFixed(0) }天`);

这个示例中,我们通过使用Date对象的getTime方法来获取1970年1月1日午夜(UTC/GMT的午夜)开始到现在的毫秒数,并通过计算当前时间和指定时间(本例中指定为2021年5月1日)的毫秒数差,进而计算出距离指定时间已过去了多少天。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中 new Date() 各方法的用法说明 - Python技术站

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

相关文章

  • 实例讲解JS中pop使用方法

    实例讲解JS中pop使用方法 pop()方法概述 pop()是JavaScript中数组的一个基本方法,该方法可用于删除数组中的最后一个元素,并返回该元素的值。 pop()方法的语法 数组对象.pop() 示例说明 示例一 下面的代码演示了如何使用pop()方法从一个数组中删除最后一个元素: var arr = ["apple", &qu…

    JavaScript 2023年5月28日
    00
  • javascript this用法小结

    当在JavaScript中调用函数时,常常使用this关键字来指向当前正在调用的函数。但this实际上有不同的使用方式,本篇文章将会对这些用法进行总结和说明。 1. 函数调用 当在函数内部直接使用this时,它将指向全局对象(浏览器中的window对象)。 function foo() { console.log(this); // window } foo…

    JavaScript 2023年5月18日
    00
  • jQuery 实现倒计时天,时,分,秒功能

    引入jQuery库 在使用jQuery之前,需要先引入jQuery库。 <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> 创建一个倒计时标签 …

    JavaScript 2023年5月27日
    00
  • Ajax原理与应用案例快速入门教程

    Ajax原理与应用案例快速入门教程攻略 什么是Ajax? Ajax 指的是“Asynchronous Javascript And XML” (异步 JavaScript 和 XML)。 通过在后台与服务器进行少量数据交换,实现网页异步更新。这意味着可以在不重新加载整个网页的情况下更新网页的部分内容。 Ajax的原理 Ajax的工作原理相对简单,基本由以下几…

    JavaScript 2023年6月11日
    00
  • 你应该了解的JavaScript Array.map()五种用途小结

    JavaScript Array.map() 是 Array.prototype 的一个函数,它使用一个传入函数来将数组的每个元素转换成另一个元素,最后返回一个新的数组。 在本篇攻略中,将会介绍五种常用的 JavaScript Array.map() 的用途,以及示例代码。 1. 数组的转换 在很多情况下,我们需要将一个数组中的元素转换成另一个类型,例如字符…

    JavaScript 2023年5月27日
    00
  • 简化版的vue-router实现思路详解

    简化版的vue-router实现思路详解 前言 Vue.js 是一个非常流行的前端框架,其专注于视图层的渲染。而 Vue-router 是 Vue.js 的一个关键插件,它管理着 Vue.js 应用程序中的路由,可以帮助我们更好地管理前端路由。在本篇文章中,我将为大家介绍一个简化版的 Vue-router 实现思路。 设计思路 Vue-router 的设计思…

    JavaScript 2023年6月11日
    00
  • 学习JavaScript设计模式之状态模式

    以下是详细的攻略: 学习JavaScript设计模式之状态模式 状态模式是什么? 状态模式是一种行为型设计模式,它允许对象在其内部状态更改时更改其行为。这个模式的主要想法是通过创建有限状态机来满足状态相关行为的需要。 状态模式的优点? 优化大型、复杂代码的结构。 减少了 if 语句的使用,使得代码更加简洁。 更好的可扩展性,可以方便地增加、删除或修改状态,而…

    JavaScript 2023年5月28日
    00
  • 基于JS代码实现实时显示系统时间

    创建一个HTML文件并添加一个div标签来展示时间信息。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>实时显示系统时间</title> </head> <body> …

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