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