仿製 Facebook 塗鴉牆上各個訊息的貼文經過時間,例如 3 分鐘前、1 小時前或 4 天前的自動計算功能。

完整範例參考: jQuery pasttime: 計算已經消逝的時間

圖例



參數說明

  • format: 日期輸出格式,超過 3 天以上將以此格式直接顯示日期 (String) /* 預設: Y-m-d H:i:s (可參考 PHP date)*/。
  • target: 日期來源及輸出的元素選擇器 (String) /* 預設: span.past */
  • attr: 日期來源的屬性名稱 (String) /* 預設: title */
  • label: 各個時間標籤的說明文字 (Array) /* 預設: [‘ seconds ago’, ‘ minutes ago’, ‘ hours ago’, ‘ days ago’] */
  • interval: 自動計算的間隔秒數 (Integer) /* 選項: 10 */
  • ontimeup: 間隔秒數週期時執行的事件 (Function) /* 預設: null */

方法說明

  • destroy: 停止計算 /* $(selector).pasttimes(‘destroy’); */。

語法

<div class="pasttimes">
  發表於 <span class="past" title="2011-10-29 20:00:00"></span>.
</div>
$('div.pasttimes').pasttimes({
  format: 'j M Y H:i:s',
  target: 'span.past',
  attr: 'title',
  interval: 60,
  ontimeup: function () {
    console.log('Time\'s up');
  }
});

完整範例參考: jQuery pasttime: 計算已經消逝的時間