Анимация

пакет js.html

расширяет EventTarget

расширяется CSSAnimation, CSSTransition

Доступно в js

Интерфейс Animation API веб-анимаций представляет собой отдельный проигрыватель анимации и предоставляет средства управления воспроизведением и временную шкалу для узла или источника анимации.

Документация Анимация от сотрудников Mozilla, лицензируется по CC-BY-SA 2.5.

См. также:

• https://developer.mozilla.org/en-US/docs/Web/API/Animation

Конструктор

new(?effect:AnimationEffect, ?timeline:AnimationTimeline)

Выбрасывает:

Переменные

currentTime:Float

Текущее значение времени анимации в миллисекундах, как при воспроизведении, так и при паузе. Если у анимации нет AnimationTimeline, она неактивна или ещё не воспроизводилась, её значение равно null.

effect:AnimationEffect

Получает и устанавливает AnimationEffectReadOnly , связанную с данной анимацией. Обычно это объект KeyframeEffect.

read onlyfinished:Promise<Animation>

Возвращает текущую завершенную Promise для данной анимации.

id:String

Получает и устанавливает String , используемое для идентификации анимации.

oncancel:Function

Получает и устанавливает обработчик событий для события cancel.

onfinish:Function

Получает и устанавливает обработчик событий для события finish.

read onlypending:Bool

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

read onlyplayState:AnimationPlayState

Возвращает перечисление, описывающее состояние воспроизведения анимации.

playbackRate:Float

Получает или устанавливает скорость воспроизведения анимации.

read onlyready:Promise<Animation>

Возвращает текущую готовую Promise для данной анимации.

startTime:Float

Получает или устанавливает запланированное время, когда должно начаться воспроизведение анимации.

timeline:AnimationTimeline

Получает или устанавливает AnimationTimeline , связанную с данной анимацией.

Методы

cancel():Void

Очищает все KeyframeEffect , вызванные этой анимацией, и прерывает её воспроизведение.

finish():Void

Перемещает указатель к концу анимации, в зависимости от того, играет ли анимация или идёт в обратном направлении.

Выбрасывает:

pause():Void

Приостанавливает воспроизведение анимации.

Выбрасывает:

play():Void

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

Выбрасывает:

reverse():Void

Изменяет направление воспроизведения на обратное, останавливаясь в начале анимации. Если анимация завершена или не воспроизводилась, она будет воспроизводиться с конца в начало.

Выбрасывает:

updatePlaybackRate(playbackRate:Float):Void

Устанавливает скорость анимации после первоначальной синхронизации её позиции воспроизведения.