Animation.timeline

Baseline 2022

Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

La propiedad Animation.timeline de la interfaz Animation devuelve o establece el timeline (en-US) 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 (en-US). Por defecto, la línea de tiempo de la animación y la línea de tiempo de Document son las mismas.

Sintaxis

js
var animationsTimeline = Animation.timeline;

Animation.timeline = newTimeline;

Valor

Un timeline object (en-US) 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):

js
animation.timeline = document.timeline;

Especificaciones

Specification
Web Animations
# dom-animation-timeline

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también