1

От предыдущего владельца сайта мне достался следующий код, отсчитывающий время от определенной даты. Код работает, но при этом в нем отсутствуют склонения у дней и часов. https://codepen.io/anon/pen/bKZEMB

   window.onload=function() {
  // Month,Day,Year,Hour,Minute,Second
  upTime('feb,14,2018,14:00:00'); 
}
function upTime(countTo) {
  now = new Date();
  countTo = new Date(countTo);
  difference = (now-countTo);

  days=Math.floor(difference/(60*60*1000*24)*1);
  hours=Math.floor((difference%(60*60*1000*24))/(60*60*1000)*1);

  document.getElementById('days').firstChild.nodeValue = days;
  document.getElementById('hours').firstChild.nodeValue = hours;
  document.getElementById('minutes').firstChild.nodeValue = mins;
  document.getElementById('seconds').firstChild.nodeValue = secs;

  clearTimeout(upTime.to);
  upTime.to=setTimeout(function(){ upTime(countTo); },1000);
}

HTML

<div id="countup">
  Прошло
  <p id="days">00</p>
  <p class="timeRefDays">дней</p> и
  <p id="hours">00</p>
  <p class="timeRefHours">часов</p>
</div>

Сам я в javascript абсолютно ничего не понимаю, но этот момент очень сильно режет глаза. Буду благодарен за решение проблемы. Пытался самостоятельно адаптировать этот код https://gist.github.com/realmyst/1262561 но потерпел неудачу

4
  • а у минут и секунд склонения есть?
    – user176262
    2 июл 2018 в 14:14
  • Они не выводятся в хтмл коде, но не склоняются
    – n000000b
    2 июл 2018 в 14:21
  • а где находятся слова "день/дня/дней"?
    – user176262
    2 июл 2018 в 14:25
  • Вот код codepen.io/anon/pen/bKZEMB Продублирую сейчас в тексте вопроса
    – n000000b
    2 июл 2018 в 14:27

1 ответ 1

4

Если не менять Ваш код, то пример "в лоб":

window.onload = function() {
  // Month,Day,Year,Hour,Minute,Second
  upTime('feb,14,2018,14:00:00');
}

function upTime(countTo) {
  now = new Date();
  countTo = new Date(countTo);
  difference = (now - countTo);

  days = Math.floor(difference / (60 * 60 * 1000 * 24) * 1);
  hours = Math.floor((difference % (60 * 60 * 1000 * 24)) / (60 * 60 * 1000) * 1);

  document.getElementById('days').firstChild.nodeValue = days;
  document.getElementById('hours').firstChild.nodeValue = hours;

  document.querySelector('.timeRefDays').textContent =
    (days == 1 || (days > 19 && days % 10 == 1)) ? 'день' :
    ((days > 1 && days < 5) || (days > 19 && days % 10 > 1 && days % 10 < 5)) ? 'дня' : 'дней';

  document.querySelector('.timeRefHours').textContent =
    (hours == 1 || (hours > 19 && hours % 10 == 1)) ? 'час' :
    ((hours > 1 && hours < 5) || (hours > 19 && hours % 10 > 1 && hours % 10 < 5)) ? 'часа' : 'часов';

  clearTimeout(upTime.to);
  upTime.to = setTimeout(function() {
    upTime(countTo);
  }, 1000);
}
<div id="countup">
  Прошло
  <p id="days">00</p>
  <p class="timeRefDays">дней</p> и
  <p id="hours">00</p>
  <p class="timeRefHours">часов</p>
</div>

13
  • 1
    innerText лучше не использовать - есть же textContent
    – Qwertiy
    2 июл 2018 в 15:02
  • 1
    @n000000b прошу прощения - отнесся без должного внимания, не потестил. Код поправил, проверил.
    – user210322
    2 июл 2018 в 15:10
  • 1
    11 день - что-то здесь не то. (days<9&&days==1) - классное условие.
    – user176262
    2 июл 2018 в 15:25
  • 1
    + Это от меня =)
    – Kosta B.
    2 июл 2018 в 22:26
  • 1
    Там в сниппете есть кнопка привести в порядок, добавит читабельность.
    – Kosta B.
    2 июл 2018 в 22:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.