javascript simple countdown with refresh function

Question

I am getting an output of 00 min NaN sec. Does anyone know what may be wrong with my code?

Desired outcome, countdown from 5min then add class 'ended'

using jquery.countdown.js

Thank you.

$(function() {
        var endDate = "05:00";

        $('.countdown.callback').countdown({
          date: endDate,
          render: function(data) {
            $(this.el).html("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
          },
          onEnd: function() {
            $(this.el).addClass('ended');
          }
        }).on("click", function() {
          $(this).removeClass('ended').data('countdown').update(endDate).start();
        });

      });

Victus · Accepted Answer · 2013-08-12 18:52:59Z

1

If I recall correctly, your endDate variable is not valid. I believe it needs to follow the JavaScript method of getting a date so you might need to do something like this

var endDate = new Date();
endDate.setMinutes(endDate.getMinutes() + 5); // Adding 5 minutes to the current time

edited Aug 12, 2013 at 18:52

answered Aug 12, 2013 at 18:46

Victus

513 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

webmaster alex l Over a year ago

Ok, but now the on.Click function isnt refreshing the countdown

Victus Over a year ago

You will need to do endDate = new Date(); endDate.setMinutes(endDate.getMinutes() + 5); inside of the on click event but before $(this).removeClass line.

webmaster alex l Over a year ago

.on("click", function() { endDate = new Date(); endDate.setMinutes(endDate.getMinutes() + 5); $(this).removeClass('ended'); });

Victus Over a year ago

.on("click", function() { endDate = new Date(); endDate.setMinutes(endDate.getMinutes() + 5); $(this).removeClass('ended'); $(this).removeClass('ended').data('countdown').update(endDate).start(); });

Collectives™ on Stack Overflow

javascript simple countdown with refresh function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related