Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

La interfaz Animation de la  Web Animations API representa un reproductor de animación y proporciona controles de reproducción y una línea de tiempo para un nodo o una fuente de animación.

Constructor

Animation()
Crea una nueva instancia de objeto Animation.

Propiedades

Animation.currentTime
El valor del tiempo de la animación actual en milisegundos , ya sea en ejecución o en pausa. Si la animación carece de timeline, está inactivo, o no se ha reproducido todavía, su valor es null.
Animation.effect
Obtiene y establece el AnimationEffectReadOnly asociado con esta animación. Normalmente, este será un objeto KeyframeEffect.
Animation.finished Read only
Devuelve la Promesa actual terminada para esta animación.
Animation.id
Obtiene y establece el String usado para identificar la animación.
Animation.playState Read only
Devuelve un valor enumerado que describe el estado de la reproducción de una animación.
Animation.playbackRate
Obtiene o establece la velocidad de reproducción de la animación.
Animation.ready Read only
Devuelve la Promesa actual lista para esta animación.
Animation.startTime
Obiene o establece la hora programada en la que debe comenzar la reproducción de la animación.
Animation.timeline
Obtiene o establece el  timeline asociado con esta animación.

Manejadores de eventos

Animation.oncancel
Obtiene y establece en manejador de eventos para el evento cancel.
Animation.onfinish
Obtiene y establece en manejador de eventos para el evento finish .

Métodos

Animation.cancel()
Borra todos los keyframeEffects causados por la animación y aborta la reproducción.
Animation.finish()
Seeks either end of an animation, depending on whether the animation is playing or reversing.
Animation.pause()
Pone la reproducción en pausa.
Animation.play()
Busca el final de una animación, dependiendo de si la animación se está reproduciendo o si se está invirtiendo.
Animation.reverse()
Invierte la dirección de reproducción, deteniéndose al comienzo de la animación. Si la animación finaliza o no se activa, volverá a reproducirse desde el final al principio.

Especificaciones

Specification Status Comment
Web Animations
The definition of 'Animation' in that specification.
Working Draft Initial definition

Compatibilidad con Navegadores

Feature Chrome Firefox (Gecko) Microsoft Edge Internet Explorer Opera Safari (WebKit)
Basic support 39.0 [1] 48 (48)[2][3] ? No support No support No support
Constructor No support 48 (48)[2][3] ? No support No support No support
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) [1] 48.0 (48)[2][3] No support No support No support
Constructor No support 48.0 (48)[2][3] No support No support No support

[1] Antes de Chrome 44, implementado como AnimationPlayer (nombre de la interfaz en una versión anterior de la especificación).

[2] La Web Animations API solo está disponible por defecto en Firefox Developer Edition y NigPuedes habilitarlo en versiones beta y versiones de lanzamiento fijando la preferencia dom.animations-api.core.enabled en true, y puede desactivarlo en cualquier versión de Firefox al establecer esta preferencia en false.

[3] Antes de Firefox 51, la propiedad Animation.effect era de solo lectura.

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: IngoBongo
 Última actualización por: IngoBongo,