Simple Relative Time Display Plugin with jQuery - relatime

File Size: 4.23 KB
Views Total: 1017
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Relative Time Display Plugin with jQuery - relatime

Just another simple jQuery time formatting plugin used to display relative time in a human-readable format (e.g. 1 year 1 month ago, 20 hour ago, etc.).

How to use it:

1. Load jQuery JavaScript library and the jQuery Relatime plugin in the Html page.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="jquery.relatime.js"></script>

2. Add the timestamp into an inline element using title attribute.

<div class="demo" title="2011-11-11 11:11:11"></div>

3. Call the plugin on the element and done.

$(".demo").jRelatime({
  //OPTIONS
});

4. Call the plugin on the element and done.

$(".demo").jRelatime({
  //OPTIONS
});

5. Available option to customize the time format and output messages.

printTitle: false,
multiFormat:false,
maxYear: 5,
string: {
  postfix: ' ago ',
  second: ' second ',
  minute: ' minute ',
  hour: ' hour ',
  day: ' day ',
  month: ' month ',
  year: ' year ',
  more: ' past '
}

This awesome jQuery plugin is developed by abdulhafidhk. For more Advanced Usages, please check the demo page or visit the official website.