Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Animation это интерфейс Web Animations API, является единственным проигрывателем анимации и обеспечивает управление воспроизведением, временную шкалу для узла анимации или источника.
Конструктор
Animation()- Создает новый экземпляр объекта
Animation.
Свойства
Animation.currentTime- Текущее значение времени анимации в миллисекундах, независимо от того работает анимация или приостановлена. Если в анимации отсутствует
timeline, неактивен или еще не запускалась, то его значение равно нулю.
Animation.effect- Возвращает и задает
AnimationEffectReadOnlyсвязанный с этой анимацией. Обычно это объектKeyframeEffect. Animation.finishedТолько для чтения- Возвращает текущее завершенное Promise(обещание) для этой анимации.
Animation.id- Возвращает и задает String(строку), используемую для идентификации анимации.
Animation.playStateТолько для чтения- Возвращает перечисляемое значение, описывающее состояние воспроизведения анимации.
Animation.playbackRate- Возвращает или задает скорость воспроизведения анимации.
Animation.readyТолько для чтения- Возвращает текущее готовое Promise(обещание) для этой анимации.
Animation.startTime- Возвращает или задает начало выполнения анимации.
Animation.timeline- Возвращает или задает
timeline, связанную с этой анимации.
Обработчики событий
Animation.oncancel- Возвращает и задает обработчик событий для отмены события.
Animation.onfinish- Возвращает и задает обработчик событий для завершения события.
Методы
Animation.cancel()- Очищает все
keyframeEffectsвызванные этой анимацией и прекращает его выполнение.
Animation.finish()- Ищет конец анимации, в зависимости от того, играет ли анимация или инвертирует.
Animation.pause()- Приостанавливает запущенную анимации.
Animation.play()- Запускает или продолжает выполнение анимации или начинает анимацию снова, если она ранее завершилась.
Animation.reverse()- Меняет направление воспроизведения, останавливаясь в начале анимации. Если анимация закончена или не запущена, то будет проигрываться с конца к началу.
Спецификации
| Спецификация | Статус | Комментарии |
|---|---|---|
| Web Animations Определение 'Animation' в этой спецификации. |
Рабочий черновик | Initial definition |
Совместимость с браузерами
| Feature | Chrome | Firefox (Gecko) | Microsoft Edge | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Базовая поддержка | 39.0 [1] | 48 (48)[2][3] | ? | Нет | Нет | Нет |
| Конструктор | Нет | 48 (48)[2][3] | ? | Нет | Нет | Нет |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базовая поддержка | (Да) [1] | 48.0 (48)[2][3] | Нет | Нет | Нет |
| Конструктор | Нет | 48.0 (48)[2][3] | Нет | Нет | Нет |
[1] Before Chrome 44, implemented as AnimationPlayer (interface name in an early version of the spec).
[2] The Web Animations API is only enabled by default in Firefox Developer Edition and Nightly builds. You can enable it in beta and release builds by setting the preference dom.animations-api.core.enabled to true, and can disable it in any Firefox version by setting this preference to false.
[3] Prior to Firefox 51, the Animation.effect property was read-only.