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

2017 年 3 月 14 日星期二 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

2017 年 3 月 14 日星期二 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>

未來日期

此元件也支援未來日期

2050 年 3 月 14 日星期一 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

2017 年 3 月 14 日星期二 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 上編輯範例