javascript - 在 iOS 倒计时 NaN

Question

我想知道是否有人可以提供帮助，我正在制作一个倒数计时器，它会在完成时换出内容。在桌面上运行良好，但在显示日期组件的 NaN 的 iOS 设备上失败。我意识到它现在与解析日期有关，并且它的 iOS 格式错误，但我似乎无法解决它。

const daysEl = document.getElementById("days");
const hoursEl = document.getElementById("hours");
const minsEl = document.getElementById("mins");
const secondsEl = document.getElementById("seconds");
const totalSecondsEL = document.getElementById("TotalSecondsWB");

var EndDate = '10:00 9 November 2020'

var myVar = setInterval(countDown, 1000);

function countDown() {
  const countdownDate = new Date(EndDate);
  const currentDate = new Date();

  const totalSeconds = (countdownDate - currentDate) / 1000;

  const days = Math.floor(totalSeconds / 3600 / 24);
  const hours = Math.floor(totalSeconds / 3600) % 24;
  const mins = Math.floor(totalSeconds / 60) % 60;
  const seconds = Math.floor(totalSeconds) % 60;

  daysEl.innerHTML = days;
  hoursEl.innerHTML = formatTime(hours);
  minsEl.innerHTML = formatTime(mins);
  secondsEl.innerHTML = formatTime(seconds);
  totalSecondsEL.innerHTML = Math.floor((countdownDate - currentDate) / 1000);

  if ((Math.floor((countdownDate - currentDate) / 1000)) < 1) {
    document.getElementById('countdown-section').innerHTML = document.getElementById('giveaway-section').innerHTML;
    myStopFunction();
  }
}

function formatTime(time) {
  return time < 10 ? `0${time}` : time;
}

function myStopFunction() {
  clearInterval(myVar);
}

countDown();

<div id="countdown-section">
  <h1>Our next drop is in:</h1>
  <div class="countdown-container">
    <div class="countdown-el day-c">
      <p class="big-text" id="days">0</p>
      <span>Days</span>
    </div>

    <div class="countdown-el day-c">
      <p class="big-text" id="hours">0</p>
      <span>Hours</span>
    </div>

    <div class="countdown-el day-c">
      <p class="big-text" id="mins">0</p>
      <span>Minutes</span>
    </div>

    <div class="countdown-el day-c">
      <p class="big-text" id="seconds">0</p>
      <span>Seconds</span>
    </div>
  </div>
  <div style="display: none;" class="countdown-el day-c">
    <p class="big-text" id="TotalSecondsWB">0</p>
    <span>Seconds</span>
  </div>
</div>

<div id="giveaway-section">
  <h1>this will display the £1 bouquet section</h1>
</div>

标签： javascriptiosdatenan