摘要:地址項(xiàng)目主頁(yè)是一個(gè)非常簡(jiǎn)潔輕量級(jí)小于的很簡(jiǎn)潔的庫(kù),用來(lái)將時(shí)間轉(zhuǎn)化成類(lèi)似于時(shí)間前的描述字符串,例如小時(shí)前。
timeago.js
Github地址:https://github.com/hustcc/timeago.js
項(xiàng)目主頁(yè):http://timeago.org/
timeago.js 是一個(gè)非常簡(jiǎn)潔、輕量級(jí)、小于 2kb 的很簡(jiǎn)潔的Javascript庫(kù),用來(lái)將datetime時(shí)間轉(zhuǎn)化成類(lèi)似于*** 時(shí)間前的描述字符串,例如:“3小時(shí)前”。
本地化支持,默認(rèn)自帶中文和英文語(yǔ)言,基本夠用;
之前 xxx 時(shí)間前、xxx 時(shí)間后;
支持npm方式和瀏覽器script方式;
測(cè)試用例完善,執(zhí)行良好;
關(guān)于Python的版本,可以看 timeago.
剛剛 12秒前 3分鐘前 2小時(shí)前 24天前 6月前 3年前 12秒后 3分鐘后 2小時(shí)后 24天后 6月后 3年后使用方法
1. 下載 timeago.js
npm install timeago.js
2. 引入 timeago.js
使用import引入,然后可以得到一個(gè)全局變量: timeago.
import timeago from "timeago.js"; // 或者 var timeago = require("timeago.js");
或者直接通過(guò) script 標(biāo)簽引入到html文件中.
3. 使用 timeago 類(lèi)
var timeago = timeago(); timeago.format("2016-06-12")高級(jí)特性使用
1. 本地化
默認(rèn)的語(yǔ)言是英文 en, 這個(gè)庫(kù)自帶語(yǔ)言有 en and zh_CN (英文和中文).
var timeago = timeago(); timeago.format("2016-06-12", "zh_CN");
2. 注冊(cè)本地語(yǔ)言
你可以自己自定義注冊(cè) register 你自己的語(yǔ)言. 如下所示,所有的鍵值都必須存在,不然可能會(huì)出錯(cuò). 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. 設(shè)置相對(duì)日期
timeago 默認(rèn)是相對(duì)于當(dāng)前事件的,當(dāng)然也可以自己設(shè)置相對(duì)的時(shí)間,如下所示:
var timeago = timeago("2016-06-10 12:12:12"); // 在這里設(shè)置相對(duì)時(shí)間 timeago.format("2016-06-12", "zh_CN");
4. 格式化時(shí)間戳
timeago().format(new Date().getTime() - 11 * 1000 * 60 * 60); // will get "11 hours ago"TODO
一個(gè)網(wǎng)站的展示頁(yè)面
LICENSEMIT
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79744.html
摘要:就在這次天內(nèi),數(shù)量瞬間達(dá)到,自己還是很激動(dòng)的。然后就是等著其他開(kāi)發(fā)人員給你提意見(jiàn)建議,然后積極響應(yīng)和修改吧。 這里要提到的是我之前從項(xiàng)目抽離出來(lái)的微型 Javascript 項(xiàng)目 timeago.js,為什么是微型,因?yàn)樗€不到 2kb,這個(gè)也是做這個(gè)項(xiàng)目的原因之一。 已有的類(lèi)似項(xiàng)目不是一般都依賴(lài) jQuery 和 moment.js,實(shí)際上僅僅用到其中的選擇器、一個(gè)日期方法(from...
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...
摘要:但是,我們發(fā)布之前,需要做一些持續(xù)集成和單元測(cè)試,用來(lái)保證代碼的正確性,穩(wěn)定性。 Javascript 那么流行,作為一個(gè)前端開(kāi)發(fā)者,或者前端入門(mén)者,發(fā)布一個(gè)正式可用的 Javascript 模塊,對(duì)于自己來(lái)說(shuō)應(yīng)該成長(zhǎng)很大。下面就以一個(gè)簡(jiǎn)單的 Javascript 模塊 filesize.js 來(lái)介紹 github、travis-ci、npm 這些內(nèi)容的組合使用。 一、目標(biāo)概覽 本文將...
摘要:發(fā)布應(yīng)用市場(chǎng)的平臺(tái)搶紅包工具紅包精靈開(kāi)源啦掘金紅包精靈,如果喜歡,點(diǎn)個(gè)開(kāi)源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列,但是因?yàn)槲恼赂咝У拇a編寫(xiě)技巧總結(jié)前端掘金本文總結(jié)了代碼編寫(xiě)技巧,來(lái)提升你的和代碼。 收藏安卓開(kāi)發(fā)中非常實(shí)用優(yōu)秀的庫(kù)! 有圖有真相! - Android - 掘金本來(lái)是打算收藏工具類(lèi)的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫(kù)了,就沒(méi)必要再去重復(fù)造輪子了,便歸納工作中比...
閱讀 1199·2023-04-25 17:05
閱讀 3024·2021-11-19 09:40
閱讀 3579·2021-11-18 10:02
閱讀 1752·2021-09-23 11:45
閱讀 3035·2021-08-20 09:36
閱讀 2795·2021-08-13 15:07
閱讀 1145·2019-08-30 15:55
閱讀 2476·2019-08-30 14:11