neowaring
@neowaring
Разработчик неизвестных систем

Почему не работает таймер на iOS Chrome?

На ПК работает нормально, а на iOS показывает Nan nan nan nan

Код скрипта
<script>
        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('.pp_days');
            var hoursSpan = clock.querySelector('.pp_hours');
            var minutesSpan = clock.querySelector('.pp_minutes');
            var secondsSpan = clock.querySelector('.pp_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 = '11.30.2019';
        var d = new Date(deadline.replace(/-/g, '/'));
        initializeClock('pp_countdown', deadline);
    </script>


Сам HTML
<div id="pp_countdown" class="pp_countdown">
<div class="pp_countdown-number">
<span class="pp_days pp_countdown-time"></span>
<span class="pp_countdown-text">Д</span>
<span class="pp_hours countdown-time"></span>
<span class="pp_countdown-text">:</span>
<span class="pp_minutes pp_countdown-time"></span>
<span class="pp_countdown-text">:</span>
<span class="pp_seconds pp_countdown-time"></span>
</div>
</div>
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
@lloydbanks
Замените
var deadline = '11.30.2019';
на
var deadline = '11/30/2019';
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы