С какой скоростью браузер проигрывает анимацию?

Question

[Артур Кранц]

У нас есть анимированная кнопка (секвенция пнг, как для idle так и для появления), проблема в том, чтобы синхронизировать появление кнопки с ее idle. Причина асинхрона по нашему мнению в том, что мы не знаем с какой скоростью браузер проигрывает наши секвенции. Где задается скорость и как ее регулировать?

Comments

[Rustam Bainazarov]

Вы уверены, что это относится с CSS?

[Артур Кранц]

Рустам Байназаров, не уверен, у меня вопрос в целом. Как понять или задать с какой скорость проигрываются секвенция картинок в браузере? У нас 24 кадра идет появление кнопки и 24 кадра idle. Как мне объяснили наши прогеры, типа в браузере мы задаем в секундах, типа 1 секунда на появление и 1 секунда на idle в нашем случае, но при выставления таких настроек, конец появления и начало idle не совпадают

[Дмитрий]

Артур Кранц, а вы время на загрузку картинки учитывали?

[Артур Кранц]

Дмитрий, у нас предусмотрен прелоадер а этот счет, по умолчанию имеем тот факт, что все картинку уже загружены и запускаем анимацию только после скрытия прелоадера

[Ragtime Kitty]

А код можно глянуть?

[Дмитрий]

Артур Кранц, тогда надо код смотреть.
Пока все равно впечатление, что что-то вы делаете не так. Тк обычно такой вопрос возникать не должен

Answer 1

[hzzzzl]

можно свою функцию подстроить под "частоту обновления браузера",
https://developer.mozilla.org/ru/docs/DOM/window.r...

24 кадра идет появление кнопки и 24 кадра idle

это неточно, но я подозреваю что можно поставить счетчик и 24 раза че-то сделать через request​Animation​Frame, и это будет синхронно с вашими анимациями.. я думаю браузер старается делать 60 рефрешей в секунду

Answer 2

[forspamonly2]

возможно вам надо не зацикленную анимацию делать, а ловить событие завершения анимации animationend и запускать заново нужную анимацию.