如何使用 jQuery timeago 进行实时更新?
我有一个值 011-04-29T14:55:33.000Z
该值被推送到 jQuery 模板中。我使用 timeago 将日期转换为经过的时间,但在写入模板后,它无法更新为更多的时间过去了。
我将如何实现自动更新的功能?
I have a value 011-04-29T14:55:33.000Z
this value gets push into a jQuery template. I used timeago to convert the date to elapsed time but after being written to the template it has no way of updating as more time passes.
How would I implement something that would automatically update?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
假设您从这个开始(来自 timeago 主页):
现在,timeago 插件将在重写时更改标题事物。您需要做的就是在其他地方跟踪时间戳,将其放回
title
属性中,然后重新运行插件。像这样的东西:会变成这样:
当你想更新它时,只需将
data-ts
放回title
并重新运行插件:如果你使用的是旧版本jQuery,您可能需要使用
$this.attr('data-ts')
代替$this.data('ts')
。Suppose you start with this (from the timeago homepage):
Now, the timeago plugin will change the title as it rewrites things. All you need to do is keep track of the timestamp elsewhere, put it back in the
title
attribute, and rerun the plugin. Something like this:Will become this:
And when you want to update it, just put
data-ts
back intitle
and rerun the plugin:If you're using an older jQuery, you might need to use
$this.attr('data-ts')
in place of$this.data('ts')
.我尝试了上面的方法但没有成功,然后我发现了这个。可能会有帮助。
https://mattbradley.github.io/livestampjs/
这里
就足够了。
不要忘记在
livestamp.js
之前添加jquery.js
和moment.js
I tried the above with no luck.and i found this. might be helpful.
https://mattbradley.github.io/livestampjs/
Here
<span data-livestamp="your time goes here..."></span>
is enough.Don't forget to add
jquery.js
andmoment.js
beforelivestamp.js