AMP
  • 网站

amp-timeago

简介

amp-timeago 通过将日期格式化为“X 时间前”来提供模糊的时间戳

设置

导入 amp-timeago 组件

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

基本用法

一个简单的示例,显示自 2017 年 3 月 14 日以来经过了多长时间

2017 年 3 月 14 日星期二 00.37
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z">Tuesday 14 March 2017 00.37</amp-timeago>

不同的语言环境

locale 属性允许您以不同的语言获取输出。默认情况下,locale 设置为 en

2017 年 3 月 14 日星期二 00.37
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z" locale="ml">Tuesday 14 March 2017 00.37</amp-timeago>

未来的日期

该组件也支持未来的日期

2050 年 3 月 14 日星期一 00.37
<amp-timeago class="m1" width="160" height="20" datetime="2050-03-14T00:37:33.809Z">Monday 14 March 2050 00.37</amp-timeago>

截止时间

当超过阈值后显示“X 时间前”没有意义时,截止时间很有用。以秒为单位指定 cutoff

2017 年 3 月 14 日星期二 00.37
<amp-timeago class="m1" width="160" height="20" datetime="2017-03-14T00:37:33.809Z" cutoff="600">Tuesday 14 March 2017 00.37</amp-timeago>
需要进一步解释?

如果此页面上的解释没有涵盖您的所有问题,请随时与其他 AMP 用户联系,讨论您的具体用例。

转到 Stack Overflow
未解释的功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但也欢迎您对您特别关注的问题进行一次性贡献。

在 GitHub 上编辑示例