重要提示:此文档不适用于您当前选择的格式 广告!
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