AnimationEffect: метод updateTiming()

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

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

Метод updateTiming() интерфейса AnimationEffect обновляет указанные свойства времени анимационного эффекта.

Синтаксис

updateTiming(timing)

Параметры

timing Необязательно: Объект, содержащий ноль или более свойств из возвращаемого значения AnimationEffect.getTiming(), представляющие свойства времени, которые нужно обновить.

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

None (undefined).

Исключения

TypeError: Выбрасывается, если для каких-либо свойств времени предоставлены недопустимые значения.

Примеры

Побочные эффекты

updateTiming() может вызвать запуск или остановку связанной анимации Animation, если, например, эффект текущей анимации сокращается так, что её конечное время становится раньше Animation.currentTime, или эффект завершённой анимации удлиняется так, что её конечное время становится после Animation.currentTime.

const animation = document.body.animate([], { duration: 1000 });
animation.finish();
console.log(animation.playState); // finished
animation.effect.updateTiming({ duration: 2000 });
console.log(animation.playState); // running

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

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

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

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