jQuery e timeago

Oggi parliamo di un altro plugin di jQuery il “timeago” scaricabile quihttp://timeago.yarp.com/”.

Il plugin permette di ottenere l’aggiornamento temporale in tempo reale di una pagina, un articolo, etc etc..

Vediamo cosa possiamo veramente ottenere utilizzandolo tramite qualche esempio:

  • 15 minutes ago
  • 22 days ago
  • 1 year ago
  • few minutes ago

Gli aggiornamenti avvengono ogni minuto.

Come usarlo? Prima di tutto dobbiamo caricare jQuery e successivamente timeago

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

poi dobbiamo aggiungere lo scipt seguente

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

e basterà inserire un TAG abbr con classe timeago come il seguente esempio

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

Semplice da usare, carino da visualizzare 😉

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...