CODEWITHSUNDEEP
javascriptdateflipclock
Corneliatt
Corneliatt

Reputation: 65

Javascript flipclock countdown generates incorrect date format

I'm working on a website were I'd like to use a countdown to a special event. I've now installed the flipclock.js script and it's up and working. But, it generates incorrect date formats, like attached image:

flipclock error

As you can see, the days, minutes and seconds are working as expected, but the "hour" is showing 93. I've used the following code to implement the flipclock.js:

var date = new Date(2018, 11, 8, 12, 0, 0);
var now = new Date();
var diff = (date.getTime() - now.getTime()) / 1000;
console.log(date);
var clock;
clock = $('.clock').FlipClock({
  clockFace: 'DailyCounter',
  autoStart: false,  
  callbacks: {
    stop: function() {
      $('.message').html('The clock has stopped!')
}
}
});
clock.setTime(diff);
clock.setCountdown(true);
clock.start();

Does anyone know why it's doing like this? I haven't changed anything in the

Upvotes: 0

Views: 283

Answers (1)

elijah7
elijah7

Reputation: 373

Just in case someone is still looking for the solution... Here's the content of the link that NoLifeKing refers to in the comments section.

It looks like this issue occurs if you do the following:

clock = $('.clock').FlipClock({
    'autoStart': false,
    'clockFace': 'DailyCounter',
    'countdown': true,
});
clock.setTime(diff);
clock.start();

as opposed to what is done below:

clock = $('.clock').FlipClock(diff, {
    'autoStart': true,
    'clockFace': 'DailyCounter',
    'countdown': true,
});

Upvotes: 0

Related Questions