jQuery Timeago 플러그인 (PHP 포함)

Question

데이터베이스에서 날짜를 가져옵니다. 시간은 전 시간이 잘 작동하지만 업데이트되지는 기준 날짜를 저장하는 data 매개 변수를 사용하는 데 필요한 모든의

<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

첫째. 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 분마다 새로 고침하면 필요한만큼 충분하다고 생각했을 것입니다.