Como implementar o jQuery timeago

image_pdfimage_print

O timeago é um plugin jQuery que facilita a atualização automatica de tempo, como é feito por exemplo no Facebook e no Twitter (4 minutos atrás ou “cerca de 1 dia atrás).

Sua implementação é muito simples. Basta carregar o jQuery e o plugin:

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

Download do plugin: timeago

Agora vamos anexá-lo aos timestamp’s do DOM:


<script type="text/javascript">
 jQuery(document).ready(function()
 {
   jQuery("abbr.timeago").timeago();
 });
</script>

Para utilizar o plugin basta criar um código como no exemplo


<abbr class="timeago" title="April 23, 2013 T14:42:17Z"></abbr>

e neste caso ele responderia algo como “about 4  hours ago“.

Fica ai a dica se quiser conferir a documentação oficial acesse o link: Plugin timeago

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!