AMP
  • 網站

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 日以來經過了多久

Tuesday 14 March 2017 00.37
<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

Tuesday 14 March 2017 00.37
<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>

未來的日期

此元件也支援未來的日期

Monday 14 March 2050 00.37
<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

Tuesday 14 March 2017 00.37
<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