JS时间格式转换|极客笔记

JS时间格式转换

在前端开发中，我们常常需要对时间进行格式化处理，以便更好地展示给用户。JavaScript作为前端开发中使用广泛的语言之一，提供了丰富的时间处理方法，可以方便地对时间进行格式转换。本文将详细介绍如何使用JavaScript对时间进行格式转换。

Date对象

JavaScript中的Date对象是用来处理日期和时间的，可以通过Date对象来表示时间，并进行各种操作。Date对象提供了多种方法来获取、设置和格式化时间。

获取当前时间

使用new Date()可以得到当前时间的Date对象，例如：

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

运行结果可能类似于：

Tue Feb 02 2021 09:00:00 GMT+0800 (中国标准时间)

获取特定时间

可以通过传入特定的日期字符串来创建一个特定时间的Date对象，例如：

let specificTime = new Date("2021-02-02T12:00:00");
console.log(specificTime);

运行结果可能类似于：

Tue Feb 02 2021 12:00:00 GMT+0800 (中国标准时间)

时间格式转换

在实际开发中，我们通常需要将时间进行格式转换，以满足不同的展示需求。以下是常见的时间格式转换方法：

将时间格式化为指定格式的字符串

可以使用Date对象的方法来获取年、月、日、时、分、秒等，并根据需求组合成指定格式的字符串。例如，将时间格式化为”YYYY-MM-DD HH:mm:ss”的格式：

function formatTime(date) {
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();
    let hour = date.getHours();
    let minute = date.getMinutes();
    let second = date.getSeconds();

    return ` ${year}-$ {month}- ${day}$ {hour}: ${minute}:$ {second}`;
}

let currentTime = new Date();
let formattedTime = formatTime(currentTime);
console.log(formattedTime);

运行结果可能类似于：

2021-02-02 12:00:00

将时间格式化为友好的显示方式

有时候，我们需要将时间转换为友好的显示方式，例如”刚刚”、”5分钟前”、”1小时前”等。可以通过比较当前时间与目标时间的差值来实现这个需求。以下是一个示例代码：

function friendlyTime(time) {
    let currentTime = new Date();
    let diff = Math.floor((currentTime - time) / 1000); // 计算时间差，单位为秒

    if (diff < 60) {
        return "刚刚";
    } else if (diff < 60 * 60) {
        return Math.floor(diff / 60) + "分钟前";
    } else if (diff < 60 * 60 * 24) {
        return Math.floor(diff / (60 * 60)) + "小时前";
    } else {
        return time.toLocaleString();
    }
}

let targetTime = new Date("2021-02-02T11:30:00");
let friendlyTimeString = friendlyTime(targetTime);
console.log(friendlyTimeString);

运行结果可能类似于：