22
FEV

Timeago - Affichez le temps écoulé à la Facebook avec ce plugin jQuery

Publié le 22/02/10 à 08h28 par DJo

timeago est un plugin jQuery permettant d'afficher très simplement le temps écoulé depuis une date donnée à l'instant présent, comme sur Facebook.

timeago - Affichez la durée écoulée depuis une certaine date avec jQuery

Vous avez sans doute constaté sur Facebook que les évènements sont datés, non pas avec une date habituelle, mais avec le temps écoulé entre sa publication et l'heure actuelle.

  • Il y'a 22 minutes ...
  • Il y'a environ une minute.
  • Il y'a 7 heures.
  • Etc

Vous pourrez recréer cet effet grâce à ce plugin bien pratique et facile à mettre en place.

Voici un exemple concret de son utilisation:

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

Et côté jQuery:

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

Ce qui donnera en résultat:

<abbr class="timeago" title="July 17, 2008">about a year ago</abbr>

 

Le plugin gère aussi l'internationnalisation, pour nous Français, voici comment le faire:

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"
};

 

A vous de jouer !

Site Officiel

Baraguiné par pascalcanadas le 22/02/10 à 09h18
pascalcanadas via Twitter
Sympa, je vais peut être le tester sur un de mes projets.
Baraguiné par le 23/02/10 à 11h41
jQuery c'est très bien, mais ce genre d'opérations devraient être réalisées au niveau du serveur.
Baraguiné par DJo le 23/02/10 à 12h29
DJo sur La Ferme du Web
Et mis a jour comment ?
Là, le plugin jQuery refresh la durée à un intervalle donné.

Je ne vois pas l'intérêt de le faire côté serveur, surtout pour de l'affichage de données informatives.
Baraguiné par le 23/02/10 à 12h42
Effectivement je n'avais pas pensé à ce besoin.
Autant pour moi.

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web