也許是最簡潔好用的timeago.js庫了

DataPipeline 發布于2019-08-19 18:35 / 1341人閱讀

摘要：地址項目主頁是一個非常簡潔輕量級小于的很簡潔的庫，用來將時間轉化成類似于時間前的描述字符串，例如小時前。

timeago.js

Github地址：https://github.com/hustcc/timeago.js

項目主頁：http://timeago.org/

timeago.js 是一個非常簡潔、輕量級、小于 2kb 的很簡潔的Javascript庫，用來將datetime時間轉化成類似于*** 時間前的描述字符串，例如：“3小時前”。

本地化支持，默認自帶中文和英文語言，基本夠用；

之前 xxx 時間前、xxx 時間后；

支持npm方式和瀏覽器script方式；

測試用例完善，執行良好；

關于Python的版本，可以看 timeago.

剛剛
12秒前
3分鐘前
2小時前
24天前
6月前
3年前

12秒后
3分鐘后
2小時后
24天后
6月后
3年后

使用方法

1. 下載 timeago.js

npm install timeago.js

2. 引入 timeago.js

使用import引入，然后可以得到一個全局變量: timeago.

import timeago from "timeago.js";

// 或者

var timeago = require("timeago.js");

或者直接通過 script 標簽引入到html文件中.

3. 使用 timeago 類

var timeago = timeago();
timeago.format("2016-06-12")

高級特性使用

1. 本地化

默認的語言是英文 en, 這個庫自帶語言有 en and zh_CN （英文和中文）.

var timeago = timeago();
timeago.format("2016-06-12", "zh_CN");

2. 注冊本地語言

你可以自己自定義注冊 register 你自己的語言. 如下所示，所有的鍵值都必須存在，不然可能會出錯. e.g.

// 本地化的字典樣式
var test_local_dict = {
  "JUST_NOW": ["just now", "a while"],
  "SECOND_AGO": ["%s seconds ago", "in %s seconds"],
  "A_MINUTE_AGO": ["1 minute ago", "in 1 minute"],
  "MINUTES_AGO": ["%s minutes ago", "in %s minutes"],
  "AN_HOUR_AGO": ["1 hour ago", "in 1 hour"],
  "HOURS_AGO": ["%s hours ago", "in %s hours"],
  "A_DAY_AGO": ["1 day ago", "in 1 day"],
  "DAYS_AGO": ["%s days ago", "in %s days"],
  "A_MONTH_AGO": ["1 month ago", "in 1 month"],
  "MONTHS_AGO": ["%s months ago", "in %s months"],
  "A_YEAR_AGO": ["1 year ago", "in 1 year"],
  "YEARS_AGO": ["%s years ago", "in %s years"]
}

var timeago = timeago();
timeago.register("test_local", test_local_dict);

timeago.format("2016-06-12", "test_local");

3. 設置相對日期

timeago 默認是相對于當前事件的，當然也可以自己設置相對的時間，如下所示：

var timeago = timeago("2016-06-10 12:12:12"); // 在這里設置相對時間
timeago.format("2016-06-12", "zh_CN");

4. 格式化時間戳

timeago().format(new Date().getTime() - 11 * 1000 * 60 * 60); // will get "11 hours ago"

TODO

一個網站的展示頁面

LICENSE

MIT

GPU云服務器云服務器最簡潔的編程語言最短路徑算法最簡潔的代碼簡潔的javascript 最小二乘法的簡潔算法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79744.html

一個微型 Javascript 開源項目如何在 4 天到 1000 star ？

摘要：就在這次天內，數量瞬間達到，自己還是很激動的。然后就是等著其他開發人員給你提意見建議，然后積極響應和修改吧。這里要提到的是我之前從項目抽離出來的微型 Javascript 項目 timeago.js，為什么是微型，因為他還不到 2kb，這個也是做這個項目的原因之一。已有的類似項目不是一般都依賴 jQuery 和 moment.js，實際上僅僅用到其中的選擇器、一個日期方法（from...

jsdt 2019-08-22 10:38 評論0 收藏0
timeago.js自動將時間戳轉換為更易讀的時間格式

timeago.js timeago.js is a simple library (less than 2 kb) that is used to format datetime with *** time ago statement. eg: 3 hours ago. Localization supported. Time ago and time in supported. Real-t...

zhoutao 2019-08-22 10:39 評論0 收藏0
怎么開發并發布一個可用的 JavaScript 模塊？

摘要：但是，我們發布之前，需要做一些持續集成和單元測試，用來保證代碼的正確性，穩定性。 Javascript 那么流行，作為一個前端開發者，或者前端入門者，發布一個正式可用的 Javascript 模塊，對于自己來說應該成長很大。下面就以一個簡單的 Javascript 模塊 filesize.js 來介紹 github、travis-ci、npm 這些內容的組合使用。一、目標概覽本文將...

TANKING 2019-08-20 11:15 評論0 收藏0
精彩文章大合集- 收藏集 - 掘金

摘要：發布應用市場的平臺搶紅包工具紅包精靈開源啦掘金紅包精靈，如果喜歡，點個開源不易。作者將原素材文章進行了新內容的添加和重新排列，但是因為文章高效的代碼編寫技巧總結前端掘金本文總結了代碼編寫技巧，來提升你的和代碼。收藏安卓開發中非常實用優秀的庫! 有圖有真相! - Android - 掘金本來是打算收藏工具類的,但轉念一想,已經有這么多優秀的庫了,就沒必要再去重復造輪子了,便歸納工作中比...

ermaoL 2019-08-29 13:03 評論0 收藏0