Таймер обратного отсчета Javascript, показывающий нан - PullRequest
Новая
       10

Таймер обратного отсчета Javascript, показывающий нан

0 голосов
/ 29 мая 2019

Я хочу сделать таймер обратного отсчета с 10 минут до 0, который будет продолжаться, когда вы обновляете страницу, но я получаю результаты Nan. Вот мой код и ссылка на мой кодовый блок https://codepen.io/anon/pen/XwPJMe

<div class="countdown" id="countdown1">
<span class="timeel minutes">00</span>
<span class="timeel timeRefMinutes">minutes</span>
<span class="timeel seconds">00</span>
<span class="timeel timeRefSeconds">seconds</span>
</div> 

window.onload = function() {
                  // Month Day, Year Hour:Minute:Second, id-of-element-container
                  countDownToTime("10:00", 'countdown1'); // ****** Change this line!
                }
                function countDownToTime(countTo, id) {
                  countTo = new Date(countTo).getTime();
                  var now = new Date(),
                      countTo = new Date(countTo),
                      timeDifference = (countTo - now);

                  var secondsInADay = 60 * 60 * 1000 * 24,
                      secondsInAHour = 60 * 60 * 1000;

                  mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
                  secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1);

                  var idEl = document.getElementById(id);
                  idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
                  idEl.getElementsByClassName('seconds')[0].innerHTML = secs;

                  clearTimeout(countDownToTime.interval);
                  countDownToTime.interval = setTimeout(function(){ countDownToTime(countTo, id); },1000);
                }
...