Question

我从数据库中提取日期。 Time Ago工作正常，但不是更新时间

<abbr class="timer timeago modified"><?php echo date('Y-m-d H:i:s', strtotime($row['project_create_date'])); ?></abbr>

JQuery的

$(function() {    
    /*Time Ago*/

    prepareDynamicDates();
    var time = '';
    $('.timer').each(function(){
        var time = $(this).text();
        $(this).text(jQuery.timeago(time));
   });

});

Answer 1

首先，您需要使用data参数来存储参考日期。使用text将在第一次实例化时被覆盖。

<abbr class="timer timeago modified" data-create-date="2012-11-05 14:50:11"></abbr>

然后，您可以根据需要使用setInterval更新文字：

var time = '';
$('.timer').each(function() {
    var $el = $(this);
    setInterval(function() {
        var time = $el.data("create-date");
        $el.text(jQuery.timeago(time));
    }, 1000); // 1000ms = 1 second
});

Example fiddle

请注意，这会每秒更新，这可能会导致某些浏览器性能下降。我认为每30秒到1分钟刷新应该足以满足你的需要。

jQuery Timeago插件与PHP

1 个答案: