amp-timeago

1.0 0.1

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

用法

使用 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 无法处理模糊时间戳，请使用占位符作为向用户显示的备用选项。

属性

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 规则。