javascript - 倒计时 - Javascript - 在 Firefox 和 IE 中不起作用

Question

我的主页上的倒计时功能有问题。在 chrome 中，倒计时 javascript 函数工作正常。但在 Firefox 和 IE 中，计数完全不同，不是递减计数，而是递增计数。请参阅下面的我的代码。感谢您的帮助。

Javascript

var countdown = $('.countdown-time');
createTimeCicles();
$(window).on('resize', windowSize);

function windowSize() {
  countdown.TimeCircles().destroy();
  createTimeCicles();
  countdown.on('webkitAnimationEnd mozAnimationEnd oAnimationEnd animationEnd', function() {
    countdown.removeClass('animated bounceIn');
  });
}

function createTimeCicles() {
  countdown.addClass('animated bounceIn');
  countdown.TimeCircles({
    fg_width: 0.011,
    bg_width: 0.1,
    circle_bg_color: '#ffffff',
    time: {
      Days: {
        color: '#66cc9a'
      },
      Hours: {
        color: '#66cc9a'
      },
      Minutes: {
        color: '#66cc9a'
      },
      Seconds: {
        color: '#66cc9a'
      }
    }
  });
  countdown.on('webkitAnimationEnd mozAnimationEnd oAnimationEnd animationEnd', function() {
    countdown.removeClass('animated bounceIn');
  });
}

html

<div class="countdown">
  <!-- Timer: Your date here -->
  <div class="countdown-time" data-date="03-31-17 00:00:00"></div>
</div>

Answer 1

好的，我想我已经解决了你的问题。根据documentation for TimeCircles ，您要倒计时或开始计时的日期的格式应如下所示:YYYY-MM-DD，而您当前的格式为 MM-DD-YY。如果您重新格式化日期，它似乎可以正常工作:

<div class="countdown-time" data-date="2017-03-31 00:00:00"></div>

JSFiddle