Saturday, April 14, 2012

jQuery Countdown Timer


A jQuery plugin that sets a div or span to show a countdown to a given time.


Usage

  1. Include the jQuery library in the head section of your page.
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  2. Download and include the jQuery Countdown CSS and JavaScript in the head section of your page.
    <style type="text/css">@import "jquery.countdown.css";</style> 
    <script type="text/javascript" src="jquery.countdown.js"></script>
    Alternately, you can use the packed version jquery.countdown.pack.js (10.0K vs 30.1K), or the minified version jquery.countdown.min.js (12.6K, 4.3K when zipped).
  3. Connect the countdown functionality to your divs.
    $(selector).countdown({until: liftoffTime});
    You can include custom settings as part of this process.
    $(selector).countdown({until: liftoffTime, format: 'dHM'});

No comments:

Post a Comment