timeago.js是一款基于jQuery的時(shí)間(jiān)處理(lǐ)插件，它可(kě)以輕易的将時(shí)間(jiān)戳轉換成如：5分鍾前，約3小(xiǎo)時(shí)前這樣的更友(yǒu)好易讀的時(shí)間(jiān)軸，而且使用timeago.js無需刷新頁面即自動更新頁面時(shí)間(jiān)的顯示。

Helloweba.com之前有(yǒu)文章：PHP實現時(shí)間(jiān)軸函數(shù)，該文介紹了使用後端語言PHP來(lái)實現的時(shí)間(jiān)戳轉換，但(dàn)是需要手動刷新頁面才能更新時(shí)間(jiān)的顯示。而如果用戶長時(shí)間(jiān)停留在該頁面，如浏覽微博，就可(kě)以用到timeago.js來(lái)做(zuò)自動更新時(shí)間(jiān)了。

HTML

首先需要載入jQuery庫和(hé)timeago.js

接着我們在頁面中加入以下代碼：

我們給abbr元素設置class為(wèi)timeago，設置title為(wèi)标準的ISO 8601時(shí)間(jiān)格式，你(nǐ)也可(kě)以使用html5标簽time：

jQuery

使用jQuery調用timeago()，運行(xíng)頁面即可(kě)看到效果。

$(function(){
	$(".timeago").timeago();
});

以下方法也可(kě)以調用timeago()：

$(function(){
	jQuery.timeago(new Date());             //=> "約1分鍾前"
	jQuery.timeago("2012-12-09");           //=> "1天前"
	jQuery.timeago(jQuery("abbr#some_id")); //=> "1年前"     // [title="2011-11-20"]
});

timeago.js還(hái)支持處理(lǐ)将來(lái)的時(shí)間(jiān)，如“3天後”，隻需将以下參數(shù)設置為(wèi)true。

jQuery.timeago.settings.allowFuture = true;

補充說明(míng)

timeago.js在标準的UTC時(shí)間(jiān)模式下運行(xíng)，對于我們處在東八區(qū)(+08:00)，可(kě)以在加載時(shí)間(jiān)時(shí)減去8小(xiǎo)時(shí)，或者在時(shí)間(jiān)格式中使用+08:00來(lái)顯示準确的北京時(shí)間(jiān)。

舉個(gè)栗子，假設要處理(lǐ)的是北京時(shí)間(jiān)2012-12-10 18:02:45，那(nà)麽可(kě)以通(tōng)過以下方式來(lái)獲取準确的北京時(shí)間(jiān)。