从函数到实例：掌握JS日期对象常用用法，轻松比较日期与时间

前端

2023-09-01 03:17:18

用 JavaScript 日期对象探索时间奥秘

在 JavaScript 的王国里，日期对象是一个时间旅行者，让你轻松掌控日期和时间的迷人世界。它就像一个瑞士军刀，拥有各种属性和方法，可以创建、获取、操作和比较时间戳，让你轻松应对任何时间相关任务。

创建你的时间机器：创建日期对象

踏上时间之旅的第一步就是创建日期对象。有三种方法可以让你完成这项任务：

new Date()： 使用这个法宝，你可以创建代表当前时刻的新日期对象。它就像一张时光胶囊，捕捉当下。
Date.parse()： 想从字符串中提取日期和时间？使用这个解析器，它会把时间字符串转换为毫秒，再转化为日期对象。就像把文本翻译成时间语言。
Date.UTC()： 如果你想创建一个协调世界时（UTC）日期，这个方法就是你的指南。只需传入年份、月份、日期等信息，它就会为你创建UTC时间戳。

获取和设置时间：探索时间之门

掌握了创建日期对象后，下一步就是探索它丰富的属性和方法，让你掌控时间。

getFullYear()： 就像时光机，让你窥探年份。
getMonth()： 穿梭月份，就像翻阅日历。
getDate()： 专注于某一天，了解它的秘密。
getHours()： 掌控小时，掌握时间的脉搏。
getMinutes()： 分钟之舞，掌控时间的节奏。
getSeconds()： 秒针的滴答声，见证时间的流逝。
getMilliseconds()： 毫秒的狂欢，探索时间的细微之处。

同样地，如果你想调整时间，这些方法会为你保驾护航：

setDate()： 改变日期，就像在时间轴上移动。
setMonth()： 跳跃月份，穿越季节。
setFullYear()： 穿越年份，探索历史长河。
setHours()： 调整小时，掌控时间节奏。
setMinutes()： 分钟的华尔兹，调节时间的旋律。
setSeconds()： 秒针的进退，控制时间的步伐。
setMilliseconds()： 毫秒的交响曲，掌控时间的细微之处。

比较时间：谁是时间之王

有时，我们需要比较两个日期对象，确定谁先谁后。JavaScript 提供了各种运算符来帮助你完成这项任务：

==： 两个日期对象是否携手同行？
!=： 它们是否在时间轴上分道扬镳？
>：谁是时间的霸主？
>=： 谁在时间竞赛中占据优势？
<：谁落后于时间的脚步？
<=： 谁在时间长河中步履维艰？

实例：展示时间问候

现在，让我们用一个实例来展示 JavaScript 日期对象的魅力。想象一下一个简单的程序，根据当前时间显示个性化的问候语：

// 获取当前日期和时间
var now = new Date();

// 提取当前小时
var hour = now.getHours();

// 根据小时定制问候语
if (hour < 12) {
  document.write("嗨，早上好！愿这一天美好而明亮。");
} else if (hour < 18) {
  document.write("午安，亲爱的！祝你度过一个阳光灿烂的下午。");
} else {
  document.write("晚安，朋友！愿你的夜晚宁静而甜蜜。");
}