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.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/es/web/api/web_animations_api/index.md)
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
BCD tables only load in the browser
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.