Timer

Timer — обратный отсчёт внутри текста: «повторите попытку через 02:59». Рендерится тегом span, шрифт и кегль наследует от строки и отличается от неё только цветом. Показывает мм:сс, от часа и дольше — чч:мм:сс. Отсчёт начинается при монтировании и по нулю зовёт onComplete.

03:00

Анатомия

Timer

Примеры

От часа и дольшеstartMs

Длительность в миллисекундах. Часы появляются, только когда остаток не меньше часа: короткий отсчёт читается как мм:сс, а «00:» впереди лишь мешал бы. Сутки уходят в часы (24:00:00).

26:00:00

В тексте предупреждения

Отсчёт стоит внутри фразы и не выделяется из неё ничем, кроме цвета. По нулю потребитель убирает предупреждение через onComplete; новый отсчёт запускается перемонтированием — key на компоненте.

Слишком много попыток входа. Повторите попытку через 00:15

API

PropTypeDefault
startMs*

Сколько отсчитывать, в миллисекундах. Отсчёт идёт вниз до нуля и начинается сразу при монтировании; новое значение подхватывается только перемонтированием — задайте компоненту key

number-
onComplete

Вызывается, когда отсчёт дошёл до нуля

() => void-
className

Внешний класс

string-