Как сделать transition-delay для всего списка разный?

Question

[Максим]

Я пытаюсь на javascript сделать transitionDelay .
Для этого я сгенерировал li в количестве 20 штук
А теперь хочу сделать задержку начала анимации то есть что бы width менялся с задержкой
Но это не работает
Где я ошибся ?

Answer 1

[Андрей Пастухов]

У Вас ошибка в инициализации стилей

`${sec} + 's'` -> `${sec}s`

Comments

[Максим]

спасибо - а в зависимости от времени не получится делать такую задержку ?

[Андрей Пастухов]

Можно сделать зависимость от времени. Но ждать 3-4 секунды от старта - не очень юзерфрендли.

[Максим]

tyllo, почему 3-4s ждать ?

[Андрей Пастухов]

Так у вас было new Date().getSeconds() / 10 - а это от 0 до 5,9.

[Максим]

tyllo, а как это сделать правильно - ну что бы не долго и по времени ?

[Максим]

tyllo, кстати можете в моём превью посмотреть что я делал - чего добивался