如何在 JavaScript 中显示 1 天前

在 Web 开发中，经常需要将日期转换成易于理解的格式。例如，将当前时间转换成“1 天前”、“5 分钟前”等人类可读的形式，以便更好地传达时间的概念。

在 JavaScript 中，我们可以使用 Date() 对象来操作日期和时间。本文将介绍如何使用 JavaScript 将当前时间转换为“1 天前”格式。

方法一

我们可以使用 Date() 对象中的方法来获取当前时间：

let now = new Date();

接下来，我们可以使用 getTime() 方法获取当前时间距离1970 年 1 月 1 日午夜以来的毫秒数。这个数字可以用来计算任意两个日期之间的时间差：

let now = new Date();
let milliseconds = now.getTime();

现在，我们可以将当前时间减去 86400000 毫秒（即 24 小时）来得到昨天这个时候的时间：

let now = new Date();
let yesterday = new Date(now.getTime() - 86400000);

最后，我们可以将两个日期对象相减并使用 Math.abs() 方法获取它们之间的时间差，然后除以 86400000 毫秒来得到天数：

let now = new Date();
let yesterday = new Date(now.getTime() - 86400000);
let timeDiff = Math.abs(now - yesterday);
let daysDiff = Math.ceil(timeDiff / (86400000));

最后，我们可以将这个数字插入到字符串中，得到“1 天前”的格式：

let now = new Date();
let yesterday = new Date(now.getTime() - 86400000);
let timeDiff = Math.abs(now - yesterday);
let daysDiff = Math.ceil(timeDiff / (86400000));
let result = daysDiff + " 天前";

现在，result 应该包含一个字符串，其格式为“1 天前”。这段代码可以用于显示过去 24 小时内发生的事件的时间戳。

方法二

另一种常见的方法是使用第三方 JavaScript 库，例如 Moment.js。这个库提供了易用的日期和时间处理工具，可以让你更轻松地处理各种日期格式。例如，使用 Moment.js 计算“1 天前”的方法如下：

let now = moment();
let yesterday = moment().subtract(1, 'day');
let diff = now.diff(yesterday, 'days');
let result = diff + " 天前";

这段代码比方法一更简洁，且不需要自己手动计算时间差。但是需要注意的是，如果你只需要一个简单的日期格式化工具，引入 Moment.js 可能显得有点过于臃肿。

总结

本文介绍了两个常用的方法来将日期格式化为人类可读的形式。无论你选择哪种方法，都需要清楚地知道你需要的日期格式是什么，以便选择正确的工具来帮助你完成任务。在 JavaScript 中处理日期和时间可能会比较棘手，但是如果你掌握了这些技巧，将可以轻松地让你的网站或应用程序更具交互性和可读性。