Как использовать эту функцию несколько раз JQUERY - PullRequest
0 голосов
/ 08 апреля 2020

Я пытаюсь использовать эту функцию несколько раз, но она работает только для первого элемента. Не знаю, что я делаю не так. Мне, вероятно, нужно использовать некоторые l oop, но я не знаю, как я пытался сделать для каждого div, но это не сработало либо

<span style="margin-right: 10px;">
          <span id="circle-days" class="circle-time"></span>
        </span>
        <span style="margin-right: 10px;">
          <span id="circle-hours" class="circle-time"></span>
        </span>
        <span style="margin-right: 10px;">
          <span id="circle-minutes" class="circle-time"></span>
        </span>
        <span id="circle-seconds" class="circle-time"></span>      
        <span id="timer"></span>
        <span><p>
        Do dostawy w najbliższą sobotę
        </p></span>
</div>

JS

function getNextDayOfWeek(date, dayOfWeek, hour) {
      var resultDate = new Date(date.getTime());
    resultDate.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
   resultDate.setHours(hour,0,0,0);
    return resultDate;
}

var countDownDate = getNextDayOfWeek(new Date(),4,12);

// Update the count down every 1 second
  var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24)).toString();
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)).toString();
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)).toString();
  var seconds = Math.floor((distance % (1000 * 60)) / 1000).toString();
$('#zegarki').each(function(index) {
      document.getElementById("circle-days").innerHTML = days + "<div class='timer-font'>Días</div>";
  document.getElementById("circle-hours").innerHTML = hours + "<div class='timer-font'>Hrs</div>";
  document.getElementById("circle-minutes").innerHTML = minutes + "<div class='timer-font'>Min</div>";
  document.getElementById("circle-seconds").innerHTML = seconds + "<div class='timer-font'>Seg</div>";
});
  // Display the result in the element with id="timer"


  // If the count down is finished, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("timer").innerHTML = "EXPIRED";
  }
}, 1000);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...