jquery.timeago與jquery.autosize

一、jquery.timeage插件

timeago.js是一款基於jQuery的時間處理插件，它可以輕易的將時間戳轉換成如：5分鐘前，約3小時前這樣的更友好易讀的時間軸，而且使用timeago.js無需刷新頁面即自動更新頁面時間的顯示

1、首先需要載入jQuery庫和timeago.js

<script type="text/javascript" src="js/jquery-1.10.0.min.js"></script>
<script type="text/javascript" src="js/jquery.timeago.js"></script>

2、在頁面中添加元素

<abbr class="timeago" title="2012-11-28T11:17:00Z"></abbr> 

3、使用jQuery調用timeago()，運行頁面即可看到效果

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

tips :

timeago.js還支持處理將來的時間，如“3天后”，只需將以下參數設置爲true

jQuery.timeago.settings.allowFuture = true; 

timeago.js在標準的UTC時間模式下運行，對於我們處在東八區(+08:00)，可以在加載時間時減去8小時，或者在時間格式中使用+08:00來顯示準確的北京時間。

舉個栗子，假設要處理的是北京時間2012-12-10 18:02:45，那麼可以通過以下方式來獲取準確的北京時間。

<!--先減去8小時--> 
<abbr class="timeago" title="2012-12-10T10:02:45Z"></abbr> 
<!--在時間後+08:00--> 
<abbr class="timeago" title="2012-12-10T18:02:45Z+08:00"></abbr> 

二、jquery.autosize插件

我們定義textarea(多行文本框)時,一般我們定義了大小,超出文本框時會出現下拉條,看起來實在是有點不爽。
使用該插件,文本框的大小會隨着我們輸入的內容自動擴大。

1、引入jQuery類庫和相關的插件庫

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
<script src='jquery.autosize.js'></script>

2、定義一個文本框

<textarea id='normal'>普通效果.</textarea>

3、調用一行代碼

$('#normal').autosize();

timeago demo下載地址 http://download.csdn.net/detail/jiangjundriver/9870751
autosize demo下載地址 http://download.csdn.net/detail/jiangjundriver/9870752