amp-timeago
簡介
amp-timeago
提供模糊的時間戳記,透過將日期格式化為「X 時間前」
設定
匯入 amp-timeago
元件
<script async custom-element="amp-timeago" src="https://cdn.ampproject.org/v0/amp-timeago-0.1.js"></script>
基本用法
一個簡單的範例,展示自 2017 年 3 月 14 日以來經過了多久
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z">Tuesday 14 March 2017 00.37</amp-timeago>
不同地區設定
locale
屬性可讓您取得不同語言的輸出。預設情況下,locale
設定為 en
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z" locale="ml">Tuesday 14 March 2017 00.37</amp-timeago>
未來的日期
此元件也支援未來的日期
<amp-timeago class="m1" width="160" height="20" datetime="2050-03-14T00:37:33.809Z">Monday 14 March 2050 00.37</amp-timeago>
截止時間
當超過閾值後顯示「X 時間前」沒有意義時,截止時間非常有用。以秒為單位指定 cutoff
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z" cutoff="600">Tuesday 14 March 2017 00.37</amp-timeago>
需要進一步說明嗎?
如果此頁面上的說明未涵蓋您的所有問題,請隨時聯絡其他 AMP 使用者,討論您的確切使用案例。
前往 Stack Overflow 未說明的特性?AMP 專案強烈鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對您特別熱衷的問題提供一次性貢獻。
在 GitHub 上編輯範例-
作者: @jeffjose