AMP

重要提示:此文档不适用于您当前选择的格式stories

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 datetime

  • 以 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