iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 11
0
Modern Web

AMP系列 第 11

AMP(Lession 11) - 時間轉換 timeago

  • 分享至 

  • xImage
  •  

時間轉換 timeago

不知道 timeago 的請去這兒瞭解一下, amp-timeago 就是以這個套件為基礎的

基本範例

<amp-timeago class="m1"
  width="160"
  height="20"
  datetime="2017-03-14T00:37:33.809Z">Tuesday 14 March 2017 00.37</amp-timeago>

Required Script

<script async custom-element="amp-timeago" src="https://cdn.ampproject.org/v0/amp-timeago-0.1.js"></script>

Attributes

  • datetime (必填) - ISO 標準日期時間格式;例如:

    • 2017-03-10T01:00:00Z - UTC 格式
    • 2017-03-09T20:00:00-05:00 - 具格式化的時間格式
  • locale (非必填) - 預設為 en;其他地區設定如下

    • ar (Arabic)
    • be (Belarusian)
    • bg (Bulgarian)
    • ca (Catalan)
    • da (Danish)
    • de (German)
    • el (Greek)
    • en (English)
    • enShort (English - short)
    • es (Spanish)
    • eu (Basque)
    • fi (Finnish)
    • fr (French)
    • he (Hebrew)
    • hu (Hungarian)
    • inBG (Bangla)
    • inHI (Hindi)
    • inID (Malay)
    • it (Italian)
    • ja (Japanese)
    • ko (Korean)
    • ml (Malayalam)
    • nbNO (Norwegian Bokmål)
    • nl (Dutch)
    • nnNO (Norwegian Nynorsk)
    • pl (Polish)
    • ptBR (Portuguese)
    • ro (Romanian)
    • ru (Russian)
    • sv (Swedish)
    • ta (Tamil)
    • th (Thai)
    • tr (Turkish)
    • uk (Ukrainian)
    • vi (Vietnamese)
    • zhCN (Chinese)
    • zhTW (Taiwanese)
  • cutoff (非必填) - integer , 如果時間早於 cutoff 中的值(秒數)的話,會顯示出原本的日期;例如:現在是 晚上8點整 的話,如果 cutoff="3600" , 那麼在 晚上7點 ~ 晚上8點 這段時間的將 不會 顯示為 X time ago 這種格式

  • common attributes


參考來源:


上一篇
AMP(Lession 10) - 收合區域
下一篇
AMP(Lession 12) - Facebook 的 發文、影片、留言〈基礎篇〉
系列文
AMP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言