jCounter

Updating to v0.1.4 – Stand by…

What is jCounter?

jCounter is a simple light-weight extensible jQuery plugin that helps you create various date-based countdowns, countups and custom timers.
It comes with server-side timezone support to display accurate countdowns across the globe.


How to use

Download the jCounter archive and unzip it (this is mandatory).
Add the jCounter-*.*.*.js file in your html page in the head section and make sure you load
the jQuery library before it.

...
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.jCounter-*.*.*.js"></script>
</head>
...


Add in the necessary HTML for jCounter to work:

<ul class="countdown">
  <li>
    <p><span class="days">00</span></p>
    <p><em class="textDays">days</em></p>
  </li>
  <li>
    <p><span class="hours">00</span></p>
    <p><em class="textHours">hours</em></p>
  </li>
  <li>
    <p><span class="minutes">00</span></p>
    <p><em class="textMinutes">minutes</em></p>
  </li>
  <li>
    <p><span class="seconds">00</span></p>
    <p><em class="textSeconds">seconds</em></p>
  </li>
</ul><br/>


Call jCounter with the desired options:

$(".countdown").jCounter({
  twoDigits: 'on',
  customDuration: 60,
  fallback: function() { console.log("count finished!") }
}


IMPORTANT!

jCounter uses the dateandtime.php file that needs to be on a PHP-supported server, to retrieve an accurate current time to display exact countdowns with timezone support.

By default, jCounter assumes the dateandtime.php file is on the same server in the web root directory (where the main index page is usually located), if you placed it somewhere else, just specify the location when calling jCounter with serverDateSource: “http://my-domain.com/path/to/dateandtime.php”

If jCounter can’t find the dateandtime.php or if something simply goes wrong, it will use the client-side time as fallback. To avoid this, when first installing/running jCounter, use it with debugLog: true and check your Console Log for errors.



jCounterFree downloadv0.1.4 (beta)

Features

  • creates countdowns, countups and custom various timers
  • has server-side timezone support
  • runs multiple instances
  • offers control with native methods
  • pure css scalable themes
  • easily customizable
  • it’s free!

  • Donate – Support this plugin


For feature requests, bug reports or support, you can use this contact form

Be notified with jCounter updates!

Opt-in
Name
Email Address *


If you like it, Rate It!

Share This Post

RSS Digg Twitter StumbleUpon Delicious Technorati
Luix designed by Video Game Music In conjunction with VPS Hosting , Website Hosting and Shared Hosting.