Home » jQuery 外掛

[jQ]Smart Time Ago

[ 日期： | 瀏覽：3,971 | 迴響：2 ]
範例 1
請協助我把這個效果加到我的網站 (只要 100 元)
沒錯!只要 100 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jqsmart-time-ago-0

Smart Time Ago 可以將時間轉換成較口語化的方式來呈現，像是幾小時前或是幾天前等用語。

套件名稱：Smart Time Ago
套件網址：N/A
作者網站：http://pragmaticly.github.com/smart-time-ago/
套件網址：N/A
發佈日期：2012-10-20
檔案大小：6.55 KB
檔案下載：timeago.js
語言檔：locales.zip

參數選項說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

selector(選填)
描述： 要取得日期資料的元素
預設值： 'time.timeago'
 
attr(選填)
描述： 要取得日期資料的元素屬性
預設值： 'datetime'
 
dir(選填)
描述： 若取得的元素有多個時, 可指定是要取第一個還是最後一個; 允許的值有 'up' 及 'down'。分別代表為 ':first' 及 ':last'
預設值： 'up'
 
lang(選填)
描述： 各種時間單位
預設值： {
	units: {
		second: "second",
		seconds: "seconds",
		minute: "minute",
		minutes: "minutes",
		hour: "hour",
		hours: "hours",
		day: "day",
		days: "days",
		month: "month",
		months: "months",
		year: "year",
		years: "years"
	},
	prefixes: {
		lt: "less than a",
		about: "about",
		over: "over",
		almost: "almost",
		ago: ""
	},
	suffix: ' ago'
}

方法說明：

檢視原始碼 JavaScript
1
2

// 從指定的元素中尋找要轉換成 TimeAgo 效果的元素
$(selector).timeago(options);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="timeago.js"></script>
<script type="text/javascript" src="timeago.zh-tw.js"></script>
<script type="text/javascript">
	$(function(){
		// 把 .timeLables 中的 .timeago 轉換成 TimeAgo 效果
		$('.timeLables').timeago({
			selector: '.timeago'
		});
	});
</script>
 
<body>
	<div class="timeLables">
		<div class="timeago" datetime="2013-04-05T07:51:50Z">2013-04-05</div>
		<div class="timeago" datetime="2013-03-20T16:00:00Z">2013-03-20</div>
	</div>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

2 筆針對 [jQ]Smart Time Ago 的迴響

發表迴響