JavaScript获取当前时间|极客笔记

JavaScript获取当前时间

1. 介绍

在JavaScript中，我们可以使用Date对象来获取和操作当前时间。Date对象提供了许多有用的方法和属性，方便我们在Web应用程序中进行时间相关的操作。

本文将详细介绍如何使用JavaScript获取当前时间，并对一些常见的时间操作进行演示和说明。

2. 获取当前时间

要获取当前时间，我们可以使用Date对象的构造函数创建一个新的实例。不传递任何参数给构造函数即可获得当前时间。

const now = new Date();
console.log(now);

运行以上代码，控制台将输出当前日期和时间的字符串表示形式，类似于Wed Jun 09 2021 14:05:27 GMT+0800 (China Standard Time)。

我们还可以使用Date对象的几个方法来获取当前时间的各个部分，如年份、月份、日期、小时、分钟、秒等。

const now = new Date();

const year = now.getFullYear();
const month = now.getMonth();
const date = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();

console.log("Year:", year);
console.log("Month:", month);
console.log("Date:", date);
console.log("Hour:", hour);
console.log("Minute:", minute);
console.log("Second:", second);

运行以上代码，控制台将输出当前时间的各个部分。

3. 格式化时间

默认情况下，Date对象的字符串表示形式可能不符合我们的需求。我们可以使用一些内置方法和其他库来格式化时间。

3.1. 使用toLocaleString方法

toLocaleString方法返回一个包含日期和时间的字符串，该字符串根据宿主环境的当前语言环境而有所不同。

const now = new Date();

const formattedTime = now.toLocaleString();

console.log("Formatted time:", formattedTime);

上述代码将根据当前语言环境返回一个格式化的时间字符串，类似于6/9/2021, 2:05:27 PM。

3.2. 使用Intl.DateTimeFormat对象

Intl.DateTimeFormat是一个构造函数，可以用来格式化日期和时间。它提供了许多选项，用于定制所需的格式。

const now = new Date();

const formatter = new Intl.DateTimeFormat("en-US", {
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit",
  second: "2-digit",
  hour12: false,
});
const formattedTime = formatter.format(now);

console.log("Formatted time:", formattedTime);

上述代码创建了一个Intl.DateTimeFormat对象，指定了格式化日期和时间的方式，并将其应用于当前时间。输出类似于06/09/2021, 14:05:27。

4. 时间操作

除了获取当前时间，JavaScript还提供了许多操作时间的方法，如计算时间差、增加或减少特定时间量等。

4.1. 计算时间差

我们经常需要计算两个时间之间的差异，以便处理时间间隔、定时器等等。可以使用getTime方法获取自1970年1月1日以来的毫秒数，然后进行计算。

const now = new Date();

// 创建一个新的Date对象，表示一个稍后的时间
const future = new Date(now.getTime() + 1000 * 60 * 60);

// 计算两个时间之间的差异，单位为毫秒
const diff = future.getTime() - now.getTime();

console.log("Time difference:", diff);

上述代码创建了一个表示稍后时间的Date对象，并计算了当前时间与稍后时间之间的差异，结果为1个小时（3600000毫秒）。

4.2. 增加或减少时间量

JavaScript的Date对象提供了一些实用的方法来增加或减少时间量，如setMilliseconds、setSeconds、setMinutes、setHours等等。

const now = new Date();

// 增加1小时
now.setHours(now.getHours() + 1);

// 减少30分钟
now.setMinutes(now.getMinutes() - 30);

console.log("Updated time:", now);

上述代码将当前时间增加1小时，并减少30分钟，然后打印出更改后的时间。