Задать вопрос
AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку

Таймер обратного отсчета с поддержкой русского языка?

Есть ли таймеры обратного отсчета с поддержкой русского языка в формате:
- 46 дней, 20 часов, 19 минут ?

Спасибо автору ниже за идею! Нашел туториал на русском:
  • Вопрос задан
  • 848 просмотров
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Xserber
@Xserber
Full-stack developer. React.js, AngularJS + NodeJS
Вот туториал на создание таймера на jQuery https://tutorialzine.com/2011/12/countdown-jquery
Могу скинуть с русскими комментариями по коду при необходимости.
Функция для склонения.
function declOfNum(number, titles) {
      cases = [2, 0, 1, 1, 1, 2];
      return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];
    }

Использование плагина со склонением
const note = $('#note');
$('#countdown').countdown({
      timestamp: new Date(2017, 8, 15, 15, 20),
      callback: function(days, hours, minutes, seconds){

        let message = "";
        let daysText, hoursText, minutesText, secondsText = "";

        daysText = declOfNum(days, ['день', 'дня', 'дней']);
        hoursText = declOfNum(hours, ['час', 'часа', 'часов']);
        minutesText = declOfNum(minutes, ['минута', 'минуты', 'минут']);
        secondsText = declOfNum(seconds, ['секунда', 'секунды', 'секунд']);

        message += '<span class="timer__pointer">' + daysText +"</span>";
        message += '<span class="timer__pointer">' + hoursText + "</span>";
        message += '<span class="timer__pointer">' + minutesText + "</span>";
        message += '<span class="timer__pointer timer__pointer--orange">' + secondsText + "</span>";

        note.html(message);
      }
    });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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