Блог

Главная - Вопросы по программированию - Вечнозеленый Таймер Обратного Отсчета Не Работает В Мобильном HTML

Вечнозеленый Таймер Обратного Отсчета Не Работает В Мобильном HTML

#javascript #html #webflow

Вопрос:

Здравствуйте, я недавно добавил таймер обратного отсчета на сайт Webflow, который я создаю, и по какой-то причине он не работает на мобильных устройствах, он отлично работает на настольных компьютерах. Понятия не имею, в чем причина этого. Я новичок в кодировании, так что это может быть очень простым решением, но я отталкиваюсь от данных, с которыми столкнулся. Вот код

 <script> (function() {
 
      var deadline = new Date();
     deadline.setMinutes( deadline.getMinutes()   90 );


function pad(num, size) {
    var s = "0"   num;
    return s.substr(s.length-size);
}

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

  return {
    'total': t,
    'days': days,
    'hours': hours,
    'minutes': minutes,
    'seconds': seconds
  };
}

function clock(id, endtime) {
  var days = document.getElementById(id   '-days')
      hours = document.getElementById(id   '-hours'),
      minutes = document.getElementById(id   '-minutes'),
      seconds = document.getElementById(id   '-seconds');

  var timeinterval = setInterval(function() {
    var t = getTimeRemaining(endtime);

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

 
     deadline = new Date();
     deadline.setMinutes( deadline.getMinutes()   1 );
       clock('js-clock', deadline); 
     
    } else {
days.innerHTML = pad(t.days, 2);
hours.innerHTML = pad(t.hours, 2);
minutes.innerHTML = pad(t.minutes, 2);
seconds.innerHTML = pad(t.seconds, 2);
}
  }, 1000);
}

clock('js-clock', deadline); })(); </script>

Комментарии:

1. В вашем фрагменте отсутствует HTML-код, необходимый для его работы.

Метки: