Animation.timeline
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2020.
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 |
|---|
| Web Animations> # dom-animation-timeline> |
Compatibilidad con navegadores
Loading…
Ver también
- Web Animations API
AnimationAnimationTimelineel objeto padre del que heredan todas las timeLine.DocumentTimelineel único objeto timeLine disponible en este momento.Document.timelineel timeLine predeterminado asignado a todas las animaciones.