@schip454

Как сделать таймер отсчёта как на фото?

Всем привет!
Есть таймер, когда истекает каждый десяток (минут, секунд и так далее),десятки листаются по обычному вперед, а единицы резко начинают проигрываться в обратную сторону. Как сделать так, как на фото? Т.е. чтобы десятки шли вниз?
64d36f539fd1a938768445.png

Также желательно привязать к localStorage, чтобы при перезагрузке страницы таймер не сбрасывался.
Буду благодарен за помощь

Код: https://codepen.io/schip454/pen/VwVOpXW
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
@alexalexes
Нужно менять механику смещения параметра в translate3d, чтобы смещение по вертикали анимировалось между (n/2) и (n/2) + 1 высотой списка (перелистывались соседние элементы центральной части списка). Когда анимация достигнет уровня (n/2) + 1, нужно сделать два одновременных действия: 1 - переставить последний элемент списка на первое место, 2 - вернуть уровень до отметки (n/2). Тогда будет достигнут эффект замкнутости и цикличности списка и анимация не будет откатываться назад.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
07 мая 2024, в 14:56
2000 руб./за проект
07 мая 2024, в 14:54
5000 руб./за проект
07 мая 2024, в 14:51
7500 руб./за проект