text-countdown.js
Simple jQuery Relative Time Countdown Plugin
Demo
http://jsfiddle.net/ddcast/NQa9U/
Get Started
Input date timezone is UTC. Output is localized.
<div class="countdown-timer" data-month="7" data-day="4" data-year="2013" data-hour="17" data-prefix="The sale starts in" data-suffix=". Hooray!" data-delimiter="and" ></div> <script> $('.countdown-timer').textCountdown(); </script>
Output looks something like:
The sale starts in about 6 days and 3 hours. Hooray!
Yes, you can style the output to your heart's content.
<div class="text-countdown-container"> <span class="text-countdown-prefix">The sale starts in</span> <span class="text-countdown-about">about</span> <span class="text-countdown-days"> <span class="text-countdown-num">6</span> <span class="text-countdown-label">days</span> </span> <span class="text-countdown-delimiter">and</span> <span class="text-countdown-remainder"> <span class="text-countdown-lessthan">less than</span> <span class="text-countdown-num">3</span> <span class="text-countdown-label">hours</span> </span> <span class="text-countdown-suffix">. Hooray!</span> </div>