AnimationEffect: метод getComputedTiming()
Базовая Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с марта 2020 года.
Метод getComputedTiming() интерфейса AnimationEffect возвращает вычисленные свойства тайминга для этого эффекта анимации.
Примечание: Эти значения сопоставимы с вычисленными стилями элемента, возвращаемыми с помощью window.getComputedStyle(elem).
Синтаксис
getComputedTiming()
Параметры
Нет.
Возвращаемое значение
Объект, содержащий:
-
все свойства объекта, возвращаемого
AnimationEffect.getTiming(), за исключением того, что любые значения"auto"заменены вычисленными значениями, которые могут зависеть от типаAnimationEffect. -
следующие дополнительные свойства:
endTime-
Значение, указывающее конечное время действия эффекта в миллисекундах от начала эффекта. Оно равно
activeDurationплюсdelayиendDelay. activeDuration-
Значение, обозначающее общую длительность в миллисекундах всех итераций эффекта. Оно равно
durationумноженному наiterations(или нулю, если это произведение было быNaN). localTime-
Значение типа
numberилиnull.Указывает продолжительность действия эффекта в миллисекундах. Равно значению
currentTimeсвязанной анимации, илиnull, если эффект не связан с анимацией. progress-
nullилиnumber, по крайней мере0и меньше1.Указывает степень выполнения эффекта в текущей итерации. В начале
activeDuration, равно дробной частиiterationStart.Возвращает
null, если эффект не находится на середине итерации, например, потому что эффект находится вdelayилиendDelayпериодах, эффект завершен, илиlocalTimeявляетсяnull. currentIteration-
nullили целое числоnumber.Указывает индекс текущей итерации. В начале
activeDuration, равно целой частиiterationStart.Возвращает
nullвсякий раз, когдаprogressявляетсяnull.
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
getComputedTiming |
75 | 79 | 63 | 62 | 13.1 | 75 | 63 | 54 | 13.4 | 11.0 | 75 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffect/getComputedTiming