timeago.js 使用教程

最新推荐文章于 2024-08-08 08:32:08 发布

吉昀蓓

最新推荐文章于 2024-08-08 08:32:08 发布

阅读量893

点赞数 24

本文链接：https://blog.csdn.net/gitblog_00156/article/details/141015011

版权

timeago.js 使用教程

timeago.js:clock8: :hourglass: timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement.项目地址:https://gitcode.com/gh_mirrors/ti/timeago.js

项目介绍

timeago.js 是一个轻量级的 JavaScript 库，用于将日期时间转换为模糊时间戳，例如 "4 分钟前" 或 "大约 1 天前"。它支持自动更新时间戳，并且可以轻松地集成到现有的 Web 应用程序中。timeago.js 的主要特点包括：

轻量级：压缩后仅约 2 kB。
自动更新：时间戳会自动更新，无需手动刷新。
多语言支持：支持多种语言，易于国际化。
兼容性：支持现代浏览器和 IE9+。

项目快速启动

安装

你可以通过 npm 或直接下载脚本来安装 timeago.js：

npm install timeago.js

或者直接在 HTML 文件中引入：

<script src="https://cdn.jsdelivr.net/npm/timeago.js"></script>

使用

以下是一个简单的示例，展示如何在 HTML 中使用 timeago.js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>timeago.js 示例</title>
    <script src="https://cdn.jsdelivr.net/npm/timeago.js"></script>
</head>
<body>
    <time class="timeago" datetime="2023-10-01T12:00:00Z">2023 年 10 月 1 日</time>
    <script>
        var timeagoInstance = timeago();
        timeagoInstance.render(document.querySelectorAll('.timeago'));
    </script>
</body>
</html>