Animation.timeline

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

La propiedad Animation.timeline de la interfaz Animation devuelve o establece el timeline asociado a esta animación. Un 'timeline' es una fuente de valores de tiempo para propósitos de sincronización, y es un objeto basado en AnimationTimeline. Por defecto, la línea de tiempo de la animación y la línea de tiempo de Document son las mismas.

Sintaxis

var animationsTimeline = Animation.timeline;

Animation.timeline = newTimeline;

Valor

Un timeline object para usar como la fuente de sincronización para la animación, o null para usar el predeterminado, que es el 'timeline' del Document.

Ejemplos

Aquí establecemos que la línea de tiempo timeline de la animación sea la misma que la del tiempo del documento (por cierto, esta es la timeline predeterminada para todas las animaciones):

animation.timeline = document.timeline;

Especificaciones

Specification	Status	Comment
Web Animations La definición de 'Animation.timeline' en esta especificación.	Working Draft	Editor's draft.

Compatibilidad del navegador

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Escritorio
Móvil

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	Sin soporte	48 (48)^[1]	Sin soporte	Sin soporte	Sin soporte

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	Sin soporte	48.0 (48)^[1]	Sin soporte	Sin soporte	Sin soporte

[1] La Web Animations API solo está habilitada por defecto en Firefox Developer Edition y Nightly builds. Puedes habilitarlo en versiones Beta y de lanzamiento estableciendo la preferencia dom.animations-api.core.enabled en true, y puedes deshabilitarlo en cualquier versión de Firefox estableciendo esta propiedad en false.

Ver también

Web Animations API
Animation
AnimationTimeline el objeto padre del que heredan todas las timeLine.
DocumentTimeline el único objeto timeLine disponible en este momento.
Document.timeline el timeLine predeterminado asignado a todas las animaciones.