重要提示:此文档不适用于您当前选择的格式 广告!
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 小时前
。
示例
<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 规则。
需要更多帮助?
您已经阅读本文档十几次,但它并没有真正涵盖您所有的问题?也许其他人也有同样的感觉:在 Stack Overflow 上联系他们。
转到 Stack Overflow 发现错误或缺少功能?AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但我们也欢迎您对您特别关注的问题做出一次性贡献。
转到 GitHub