Сложение времени с уменьшением

Демо можно найти здесь (откройте инструменты разработчика и проверьте файл li tags.

Чему я научился на этом мини-проекте.

селектор данных

Если вы даете элементам элемент данных, в форме data-x вы можете извлечь их через выбор атрибута, это показано ниже.

Доступ к значениям для этого конкретного случая можно сделать через timeNodes.dataset.time

ParseFloat

В этом проекте числа извлекаются из элементов HTML, но сохраняются в виде строк. Используя этот method, вы можете преобразовать их в связанные с ними числовые type. Это полезно для выполнения математических операций.

В данном случае метод был применен через map.

Первоначально опубликовано на gist.github.com.