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
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.