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

js
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):

js
animation.timeline = document.timeline;

Especificaciones

Specification
Web Animations
# dom-animation-timeline

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
timeline

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Ver también