amp-timeago

1.0 0.1

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

<script async custom-element="amp-timeago" src="https://cdn.ampproject.org/v0/amp-timeago-1.0.js"></script>
<link rel="stylesheet" href="https://cdn.ampproject.org/v0/amp-timeago-1.0.css">

用法

使用 amp-timeago 组件来计算到指定日期和时间或从指定日期和时间算起的时间。

该组件用模糊时间戳替换文本节点，例如30 年后或3 小时前。

示例

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

amp-timeago 组件需要在文本节点中放置一个占位符。计算出的时间戳准备好后会替换该占位符。如果 amp-timeago 无法处理模糊时间戳，请使用占位符作为回退显示给用户。

在有效的 AMP 文档外部独立使用

Bento 允许你在非 AMP 页面中使用 AMP 组件，而无需完全符合 AMP 规范。你可以获取这些组件，并将它们放置在不支持 AMP 的框架和 CMS 中进行实现。在我们的指南 在非 AMP 页面中使用 AMP 组件 中阅读更多内容。

要查找 amp-timeago 的独立版本，请参阅 bento-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>。