jQuery pasttimes: 計算已經消逝的時間
仿製 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: 計算已經消逝的時間
仿製 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: 計算已經消逝的時間