jQuery Countdown in jQuery Countdown 7.2
Same filename and directory in other branches
This page demonstrates the very basics of the jQuery Countdown plugin. It contains the minimum requirements for using the plugin and can be used as the basis for your own experimentation.
For more detail see the documentation reference page.
Counting down to 26 January 2010.
File
jquery_countdown/countdownBasics.htmlView source
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>jQuery Countdown</title> <style type="text/css"> @import "css/jquery.countdown.css"; #defaultCountdown { width: 240px; height: 45px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.countdown.js"></script> <script type="text/javascript"> $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#defaultCountdown').countdown({until: austDay}); $('#year').text(austDay.getFullYear()); }); </script> </head> <body> <h1>jQuery Countdown Basics</h1> <p>This page demonstrates the very basics of the <a href="http://keith-wood.name/countdown.html">jQuery Countdown plugin</a>. It contains the minimum requirements for using the plugin and can be used as the basis for your own experimentation.</p> <p>For more detail see the <a href="http://keith-wood.name/countdownRef.html">documentation reference</a> page.</p> <p>Counting down to 26 January <span id="year">2010</span>.</p> <div id="defaultCountdown"></div> </body> </html>