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 组件来倒数或正数到指定的日期和时间。

该组件将文本节点替换为模糊的时间戳,例如 30 年后3 小时前

示例

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(波斯语 - Farsi)
  • 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