The jquery-knob-countdown from libbux

jquery-knob-countdown's People

Contributors

Stargazers

Watchers

jquery-knob-countdown's Issues

Support for multiple countdowns on a single page.

As the title says, this does not yet work for multiple countdowns. I 'hacked' myself a way to get this working.
Here's what I did:

(function($) {
    var counters    = [],
        dates       = [],
        counting    = 0;
    $.fn.countdown = function(options) {
        counters[counting] = $(this);
        dates[counting] = options['date'];
        counting++;

        var interval = setInterval(function () { 
            for (var i = counters.length - 1; i >= 0; i--) {
                count_exec(counters[i], dates[i]);
            };
         }, 1000);
    } // End of the main function
    function count_exec(elem, datestring) {
        eventDate = Date.parse(datestring) / 1000; // Parse the date string
        currentDate =   Math.floor($.now() / 1000); // Find the timestamp for now
        seconds = eventDate - currentDate; // Find the number of seconds remaining
        if (seconds <= 0) { // After the event date has passed
            days = 0;
            hours = 0;
            minutes = 0;
            seconds = 0;
        } else {
            days =          Math.floor(seconds / (60 * 60 * 24));       // Divide to find the number of days remaining
            seconds -=      days * 60 * 60 * 24;                        // Subtract the number of (complete, => 24 hours) days calculated above

            hours =         Math.floor(seconds / (60 * 60));            // Get the number of hours from that modified number ^
            seconds -=      hours * 60 * 60;

            minutes =       Math.floor(seconds / 60);
            seconds -=      minutes * 60;
        }
        elem.find('.days').val(days).trigger('change');
        elem.find('.hours').val(hours).trigger('change');
        elem.find('.mins').val(minutes).trigger('change');
        elem.find('.secs').val(seconds).trigger('change');
    }
}) (jQuery);