AMP

amp-timeago

 
您现在可以使用此组件在有效的 AMP 文档之外,使用此组件的 Bento 版本。在 Bento 指南中了解更多信息。

描述

通过将日期格式化为过去的时间(例如,3 小时前)来提供模糊时间戳。

 

必需的脚本

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

支持的布局

用法

使用 amp-timeago 组件来计数到或离开指定的日期和时间。

该组件将文本节点替换为模糊时间戳,例如 in 30 years3 hours ago

示例

2017 年 4 月 11 日星期六 00.37
<amp-timeago
  layout="fixed"
  width="160"
  height="20"
  datetime="2017-04-11T00:37:33.809Z"
  locale="en"
>
  Saturday 11 April 2017 00.37
</amp-timeago>
在 playground 中打开此代码片段

amp-timeago 组件需要在文本节点中有一个占位符。一旦准备就绪,计算出的时间戳将替换该占位符。如果 amp-timeago 无法处理模糊时间戳,请使用占位符作为后备显示给用户。

属性

datetime

必需的 datetime 属性设置日期和时间。该值必须是 ISO 日期时间

  • 以 UTC(协调世界时)表示时间:2017-03-10T01:00:00Z
  • 使用时区偏移量以本地时间表示:2017-03-09T20:00:00-05:00

locale(可选)

本地默认设置为 en。添加 locale 属性并指定以下值之一以更改本地。

  • ar (阿拉伯语)
  • be (白俄罗斯语)
  • bg (保加利亚语)
  • bn-IN (孟加拉语)
  • ca (加泰罗尼亚语)
  • cs (捷克语)
  • da (丹麦语)
  • de (德语)
  • el (希腊语)
  • en (英语)
  • en-short (英语 - 简短)
  • es (西班牙语)
  • eu (巴斯克语)
  • fa (波斯语 - 法尔西语)
  • fi (芬兰语)
  • fr (法语)
  • gl (加利西亚语)
  • he (希伯来语)
  • hi-IN (印地语)
  • hu (匈牙利语)
  • id-ID (马来语)
  • it (意大利语)
  • ja (日语)
  • ka (格鲁吉亚语)
  • ko (韩语)
  • ml (马拉雅拉姆语)
  • my (缅甸语)
  • nb-NO (挪威博克马尔语)
  • nl (荷兰语)
  • nn-NO (挪威尼诺斯克语)
  • pl (波兰语)
  • pt-BR (葡萄牙语)
  • ro (罗马尼亚语)
  • ru (俄语)
  • sq (阿尔巴尼亚语)
  • sr (塞尔维亚语)
  • sv (瑞典语)
  • ta (泰米尔语)
  • th (泰语)
  • tr (土耳其语)
  • uk (乌克兰语)
  • vi (越南语)
  • zh-CN (中文)
  • zh-TW (台湾语)

cutoff

添加 cutoff 属性以在超过以秒为单位指定的日期后显示 datatime 属性中指定的日期。

通用属性

AMP 提供的一组通用属性可用于 <amp-timeago>

验证

请参阅 AMP 验证器规范中的amp-timeago 规则

需要更多帮助?

您已经阅读过这篇文档十几次了,但它并没有真正涵盖您的所有问题?也许其他人也有同感:请在 Stack Overflow 上与他们联系。

转到 Stack Overflow
发现错误或缺少功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但也欢迎您为自己特别感兴趣的问题做出一次性贡献。

转到 GitHub