kemar/jquery.countdown

Unobtrusive and easily skinable countdown jQuery plugin generating a <time> tag.

Hi there 👋

• Curriculum Vitae
• Blog

Some of my GitHub Stats

jquery.countdown's Issues

Time zone error

I'm getting the wrong timer value.
My time is 2017-06-07T15:45:00, Time zone "Europe / Ukraine".
In the script settings set, datetime="2017-06-07T16:00:00"
Timer shows 3 hours and 15 minutes and it's a mistake.
I can adjust my time zone 2017-06-07T15:45:00+0300, but what if the user comes from a different time zone? What will happen during the transition to winter time?
The script should be oriented to the local time of the user. Time zones must be adjusted on the server or in the script settings.
Sorry for my english :)

This 'with_dd_leading_zero' label is require

because when day in the single string it showing 1 number only but we want 01. another thing it's not showing the label for the hour, mins and sec

Pause

How can pause countdown ?

Leading zeros in hours

It would be convenient to have an option to disable the leading zero in the hours item

How can I delay to load the countdown script

I had designed a web app to give questions to answerer randomly. It has two mode,and each mode has different amounts of questions,which also corresponds to different quiz-time. So, the countdown script should be delayed to load until the server response the questions. How should I do to realize it

dd -> dd-1 and dd-2

Thx for the fantastic script. It is possible script to optimize for the display of the days from dd to dd-1 and dd-2

Reset timer after time has elapsed

Hi @kemar

We are trying to reset the timer with a loop every two minutes.

We have tried the following with no luck:

    <div><time id="my-countdown">00:02</time></div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://kemar.github.io/jquery.countdown/jquery.countdown.js"></script>
    <script>
    window.jQuery(function ($) {

        // Start a countdown.
        $('#my-countdown').countDown();

        function resetCountdown(endDate) {
          // Replace the old countdown with a new one but keep the same ID!
          $('#my-countdown').countDown('destroy').replaceWith('<div><time id="my-countdown">00:02</time></div>');
          var newCountdown = $('#my-countdown');
          newCountdown.attr('datetime', endDate).countDown();
        }

        $('my-countdown').on('time.elapsed', function () {
          resetCountdown(endDate);
        });

    });
    </script>

With no luck. Any help would be greatly appreciated.

Thanks

Mark

How to stop, reset or change value?

I use jquery.countdown in my project and need to change its time in working.
Can do this?

Does not work in Safari

Seems this doesn't work in Safari, it just displays the date.

time.elapsed doesnt fire when ended on reload

`$('.js-countdown').countDown({
separator_days: ':'
});

$('.js-countdown').on('time.elapsed, function () {
$('.video_container_outer').fadeIn();
$('.gallery_container').fadeOut();
console.log('ended');
});`

Hey!

So this code executes perfectly when the timer runs out when i'm on the page. But when i refresh the page it goes back to its original state...and the event doesn't get fired. Do you have a solution?

how to unbind timer event?

$(document).on('time.elapsed',dynamictimer, function (e) {
$.ajax({
type: "post",
dataType: "json",
async: true,
url: urlTimer,
data: $(this).closest('form').serialize(),
success: function (data) {
handleCases(data);
},
complete: function(data,s,xhr) {
$(timerClass).unbind();
}
}); //ends ajax call
});

jquery.countdown

Hi, nice development!!
I try to use your jquerry.countdown and I have a issue in internet explorer 11 this is the url http://telemundopr.bimedia.net/centrobasket/count/index.html

What is steps to fix it?

Thanks for something help to fix it...

Broken in IE7

Thanks for your work.
The demo looks broken in IE7.
http://kemar.github.io/jquery.countdown/

Initiate a new countdown to the same class

I need to initiate a new instance of the countdown upon an event occurring, however it seems that calling $('.class').countDown(); a second time does not restart or initiate a new countdown. I have tried removing the time element that is generated and then initiating a new countdown on the same class but this did not work. Any ideas?

At the moment I've gotten around it by removing the entire element and recreating it, but I'm sure there must be a more elegant solution.

How do i reset the timer

Need some help...So I create the ticker and all is working...but now I added a selection list...with option for different time...on select option change, i want to reset the ticker to new time without reloading the page....But ticker doesn't not reset...

    function resetCountdown() {
        alert("reset");
        //will be passing time val
        $('.countdown').attr('datetime', '00:10:00');
        $('#allotedTimer').countDown();
    }

    $("select")
   .change(function () {
       var str = "";
       $("select option:selected").each(function () {
           str += $(this).text() + " ";
       });
       $("#itemText").text(str);
       resetCountdown();
   });

HTTPS on demo page

GitHub Pages works on HTTPS.

The page at https://kemar.github.io/jquery.countdown/ currently loads, however there is mixed content and both Chrome and Firefox will not execute the JavaScript that is loaded from an HTTP host.

Both fonts.googleapis.com and ajax.googleapis.com are available over HTTPS. Changing it will not affect functionality on the HTTP side.

Start the timer again when countdown finishes

Hello!
I have set the countdown timer to 30 seconds and I want it to start automatically again when it reachers 0.
I tried with 'time.elapsed' but no success.
Can you help?