Как исправить ошибку работы jquery в Firefox?

Question

[Dennis]

Друзья, всем привет! Вопрос толком не гуглится, поэтому решил обратиться за помощью. Суть проблемы в таймере обратного отсчета, в Chrome , Safari все работает четко, а вот Firefox выводит NaN вместо дней, aN вместо часов, минут и секунд. В консоли ошибок нет, код привожу ниже

function getTimeRemaining(endtime) {
    var t = Date.parse(endtime) - Date.parse(new Date());
    var seconds = Math.floor((t / 1000) % 60);
    var minutes = Math.floor((t / 1000 / 60) % 60);
    var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    var days = Math.floor(t / (1000 * 60 * 60 * 24));
    return {
      'total': t,
      'days': days,
      'hours': hours,
      'minutes': minutes,
      'seconds': seconds
    };
  }

  function initializeClock(id, endtime) {
    var clock = document.getElementById(id);
    var daysSpan = clock.querySelector('.days');
    var hoursSpan = clock.querySelector('.hours');
    var minutesSpan = clock.querySelector('.minutes');
    var secondsSpan = clock.querySelector('.seconds');
    function updateClock() {
      var t = getTimeRemaining(endtime);

      daysSpan.innerHTML = t.days;
      hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
      minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
      secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

      if (t.total <= 0) {
        clearInterval(timeinterval);
      }
    }

    updateClock();
    var timeinterval = setInterval(updateClock, 1000);
  }

  // var deadline = new Date(Date.parse(new Date()) + 17 * 24 * 60 * 60 * 1000); // for endless timer
  function countEvent() {
    var deadline='Mart 15 2020 00:00:00 GMT+0300',
        t = getTimeRemaining(deadline),
        groupCount = document.querySelectorAll('.group-offer__count');
    initializeClock('roasting-count', deadline);
    initializeClock('standart-count', deadline);
    initializeClock('premium-count', deadline);
    initializeClock('business-count', deadline);
    if (t.total <= 0) {
      for (var i = 0; i < groupCount.length; i++) {
        groupCount[i].style.display = "none";
      }
    }
  };
  countEvent();

  function offerEvent() {
    var deadlineOffer='Mart 10 2020 00:00:00 GMT+0300';
    var timeOff = getTimeRemaining(deadlineOffer);
    var offerEvent = document.querySelectorAll('.group-details__newprice');
    var offerSecondEvent = document.querySelectorAll('.group-details__oldprice');
    var offerCount = document.querySelector('.group-details__count--wrap')
    initializeClock('offer-count', deadlineOffer);
    if (timeOff.total <= 0) {
      offerCount.classList.add("hidden");
      for (var i = 0; i < offerEvent.length; i++) {
        offerEvent[i].style.display = "none";
      }
      for (var i = 0; i < offerSecondEvent.length; i++) {
        offerSecondEvent[i].style.color = "#fff";
        offerSecondEvent[i].style.textDecoration = "none";
      }
    }
  };
  offerEvent();

Выводил в консоль переменную t (---var t = Date.parse(endtime) - Date.parse(new Date());---) В прочих браузерах выводится значение, а Firefox возвращает NaN . Как это исправить? Заранее бесконечно благодарен!

Comments

[Максим]

Я не уверен но NaN это не ошибка но говорит о том что это Не число то есть надо сделать число : https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Rustam Bainazarov]

Что-то на jQuery вообще не похоже :))

Answer 1

[Dennis]

Вопрос решился, формат даты для Firefox неправильный

Comments

[Interface]

не используйте Date.parse: https://developer.mozilla.org/en-US/docs/Web/JavaS...

It is not recommended to use Date.parse as until ES5, parsing of strings was entirely implementation dependent. There are still many differences in how different hosts parse date strings, therefore date strings should be manually parsed (a library can help if many different formats are to be accommodated).