TimeAgo est un plugin jQuery permettant d’afficher le temps écoulé entre une publication et maintenant, un peu à l’instar de Twitter ou Facebook. Vous avez surement du remarquer cette petite particularité qu’ont les réseaux sociaux à ne pas afficher la date de publication, mais de vous prévenir depuis combien de temps vous l’avez fait.

Du type : « Publié il y a 2 heures » par exemple.

L’utilisation de ce plugin peut donc s’avérer très pratique si vous travaillez sur des petites durées de temps, ou pour préciser plus clairement le temps écoulé depuis que vous avez publié un commentaire.

L’intégration de ce plugin est, comme la plupart des plugin jQuery, très simple à mettre en place :

Tout d’abord, intégrez jQuery et le plugin TimeAgo :

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.timeago.js" type="text/javascript"></script>

Puis, il faudra lier TimeAgo au TimeStamp de votre DOM :

jQuery(document).ready(function() {
  jQuery("abbr.timeago").timeago();
});

Cela remplacera vos balises de type :

<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>

En

<abbr class="timeago" title="July 17, 2008">3 years ago</abbr>

Vous pouvez aussi gérer l’internationalisation ou la gestion du futur :

//Internationaliser les messages

jQuery.timeago.settings.strings = {
   // environ ~= about, it's optional
   prefixAgo: "il y a",
   prefixFromNow: "d'ici",
   seconds: "moins d'une minute",
   minute: "environ une minute",
   minutes: "environ %d minutes",
   hour: "environ une heure",
   hours: "environ %d heures",
   day: "environ un jour",
   days: "environ %d jours",
   month: "environ un mois",
   months: "environ %d mois",
   year: "un an",
   years: "%d ans"
};

// Gérer le futur

jQuery.timeago.settings.allowFuture = true;

Voici le site officiel de ce plugin.