Odometer
Число на крутящихся барабанах, которые всегда идут коротким путём — через 9 → 0 при росте, как одометр в машине.
зависимости 0файлы tsx + cssпараметры 7react 18+
,заказов доставлено
X 0000 Y 0000
Пульт07 параметров
01value
Показываемое число.
02auto
Только для демо: продолжать счёт.
03duration
ms
Время прокрутки.
04stagger
ms
Задержка между разрядами.
05separator
Разделитель тысяч.
06places
Минимум разрядов.
07fontSize
px
Размер цифр.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
value | number | 128496 | Показываемое число. |
auto | boolean | true | Только для демо: продолжать счёт. |
duration | number | 1200 | Время прокрутки. |
stagger | number | 70 | Задержка между разрядами. |
separator | ',' | ' ' | ''' | '' | "," | Разделитель тысяч. |
places | number | 1 | Минимум разрядов. |
fontSize | number | 72 | Размер цифр. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |