AnimationEffect: метод getTiming()

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2020 года.

Метод AnimationEffect.getTiming() интерфейса AnimationEffect возвращает объект, содержащий свойства тайминга для эффекта анимации.

Примечание: Некоторые свойства тайминга, возвращаемые getTiming() , могут принимать значение по умолчанию "auto". Чтобы получить разрешённые значения для использования в расчётах тайминга, используйте вместо этого AnimationEffect.getComputedTiming().

В будущем в типы более подробных свойств тайминга могут быть добавлены "auto" или аналогичные значения, и новые типы AnimationEffect могут разрешить "auto" до разных значений.

Синтаксис

getTiming()

Параметры

Нет.

Возвращаемое значение

Объект, содержащий следующие свойства:

delay

Задержка в миллисекундах перед началом эффекта.

(См. также animation-delay.)

direction

"normal", "reverse", "alternate", или "alternate-reverse".

Указывает, выполняется ли эффект вперёд ("normal"), назад ("reverse"), меняет направление после каждой итерации ("alternate") или выполняется назад и меняет направление после каждой итерации ("alternate-reverse").

(См. также animation-direction.)

duration

Значение в миллисекундах или string "auto".

Указывает время, необходимое для выполнения одной итерации анимации.

Значение "auto" может отличаться в зависимости от типа эффекта; для KeyframeEffect, "auto" равно 0.

(См. также animation-duration.)

easing

Значение, представляющее <easing-function>, описывающее скорость изменения эффекта во времени.

(См. также animation-timing-function.)

endDelay

Задержка в миллисекундах после окончания эффекта.

Это в первую очередь полезно при последовательном выполнении анимаций на основе конечного времени другой анимации.

fill

"none", "forwards", "backwards", "both", или "auto".

Указывает, отображается ли эффект на целевом элементе до начала воспроизведения ("backwards"), сохраняется ли он после завершения эффекта ("forwards"), "both", или ни то, ни другое ("none").

Значение "auto" может отличаться в зависимости от типа эффекта; для KeyframeEffect, "auto" равно "none".

(См. также animation-fill-mode.)

iterations

Число повторений эффекта. Значение Infinity указывает на бесконечное повторение эффекта.

(См. также animation-iteration-count.)

iterationStart

Значение, указывающее, в какой точке итерации начинается эффект. Например, эффект с iterationStart 0,5 и 2 iterations начнётся посередине первой итерации и завершится посередине третьей итерации.

Спецификации

Спецификация
Web Animations # dom-animationeffect-gettiming

Совместимость с браузерами

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`getTiming`	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/getTiming