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 (波斯语 - 法尔西语)
  • 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