JS实现获取毫秒值及转换成年月日时分秒的方法

获取毫秒值及转换成年月日时分秒是JavaScript开发中的基础操作，以下是获取毫秒值及转换成年月日时分秒的完整攻略。

获取毫秒值

获取当前时间距离1970年1月1日0时0分0秒（UTC）的毫秒数，可以使用JavaScript中的Date.now()方法，它会返回当前时间的毫秒值，示例如下：

const currentTime = Date.now();
console.log(currentTime); // 输出当前时间的毫秒值

毫秒值转换成年月日时分秒

将毫秒值转换成具体的年月日时分秒，可以分别取出时间对象中的年、月、日、时、分、秒等属性，具体步骤如下：

1. 创建一个Date对象，并将毫秒值传入new Date()方法中

2. 使用getFullYear()方法获取年份，使用getMonth()方法获取月份（其中月份从0开始计算，需要使用加1后的值），使用getDate()方法获取日期

3. 使用getHours()方法获取小时数，使用getMinutes()方法获取分数，使用getSeconds()方法获取秒数，使用getMilliseconds()方法获取毫秒数

4. 使用字符串拼接的方式将各个时间属性拼接成具体的日期格式

示例如下：

const timeStamp = Date.now();
const date = new Date(timeStamp);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();
const minute = date.getMinutes();
const second = date.getSeconds();
const millisecond = date.getMilliseconds();

const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}:${millisecond}`;
console.log(formattedDate); // 输出格式化后的日期

示例说明

示例1

假设我们需要在网页中显示用户最后一次登录的日期和时间，步骤如下：

1. 将最后一次登录的日期和时间保存在一个变量中

2. 获取保存日期和时间的变量的毫秒值，并使用上述方法将其转换成具体的年月日时分秒

3. 将转换后的具体年月日时分秒显示在网页上

const lastLogin = "2022-03-20 09:30:00";
const timeStamp = new Date(lastLogin).getTime();
const date = new Date(timeStamp);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();
const minute = date.getMinutes();
const second = date.getSeconds();

const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}`;

document.querySelector("#lastLogin").textContent = formattedDate;

示例2

假设我们需要在网页中显示倒计时，步骤如下：

1. 计算倒计时的毫秒数（比如距离2022年元旦的倒计时毫秒数）

2. 使用上述方法将倒计时毫秒数转换成具体的年月日时分秒

3. 将转换后的具体年月日时分秒显示在网页上，并更新倒计时

const countdownTime = new Date("2022-01-01 00:00:00").getTime() - Date.now();

setInterval(() => {
  const date = new Date(countdownTime);
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate() - 1;
  const hour = date.getHours() - 8;
  const minute = date.getMinutes();
  const second = date.getSeconds();
  const formattedDate = `${year}-${month}-${day} ${hour}:${minute}:${second}`;

  document.querySelector("#countdown").textContent = formattedDate;
  countdownTime -= 1000;
}, 1000);