JаvaScript: Таймер обратного отсчета на простом JavaScript - Countdown.js

Простая и легкая библиотека jаvascript для отображения таймеров обратного отсчета на веб-странице.

Как это использовать:

1. Установите или импортируйте библиотеку countdown.js. 

# Yarn
$ yarn add @hermajan/countdown

# NPM
$ npm i @hermajan/countdown

<script src="./src/countdown.js"></script>

2. Добавьте на страницу тег <time> и определите дату, с которой таймер должен отсчитывать обратный отсчет, используя атрибут datetime: 

<time class="countdown" datetime="2021-12-24T23:59">2021-12-24T23:59</time>

3. Запустите таймер обратного отсчета.

startCountdowns();

4. Укажите текст, который будет отображаться после завершения обратного отсчета.

<time 
  class="countdown" 
  datetime="2021-12-24T23:59"
  data-ended="Мероприятие окончено.">
  2021-12-24T23:59
</time>

5. Определите, нужно ли отображать текст дня/часа/минут/секунд.

<time 
  class="countdown" 
  datetime="2021-12-24T23:59"
  data-ended="Мероприятие окончено."
  data-remains="Remains" 
  data-after=".">
  2021-12-24T23:59
</time>

6. Установите таймер обратного отсчета.

const words = {
  cs: {
    years: ["rok", "roky", "roků"],
    days: ["den", "dny", "dní"],
    hours: ["hodina", "hodiny", "hodin"],
    minutes: ["minuta", "minuty", "minut"],
    seconds: ["sekunda", "sekundy", "sekund"]
  },
  en: {
    years: ["year", "years", "years"],
    days: ["day", "days", "days"],
    hours: ["hour", "hours", "hours"],
    minutes: ["minute", "minutes", "minutes"],
    seconds: ["second", "seconds", "seconds"]
  },
  sk: {
    years: ["rok", "roky", "rokov"],
    days: ["deň", "dni", "dní"],
    hours: ["hodina", "hodiny", "hodín"],
    minutes: ["minúta", "minúty", "minút"],
    seconds: ["sekunda", "sekundy", "sekúnd"]
  }
};

<time 
  class="countdown" 
  datetime="2021-12-24T23:59"
  data-lang="en">
  2021-12-24T23:59
</time>