DocumentTimeline: DocumentTimeline() Konstruktor
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2020.
Der DocumentTimeline() Konstruktor der Web Animations API erstellt eine neue Instanz des DocumentTimeline-Objekts, das mit dem aktiven Dokument des aktuellen Browsing-Kontexts verbunden ist.
Syntax
new DocumentTimeline(options)
Parameter
optionsOptional-
Ein Objekt, das Optionen für die neue Timeline angibt. Die folgenden Eigenschaften sind verfügbar:
originTimeOptional-
Eine
number, die die Nullzeit für dieDocumentTimelineals Anzahl von Millisekunden relativ zuPerformance.timeOriginangibt. Standardmäßig0.
Beispiele
>Ursprungzeit
Eine DocumentTimeline mit einer originTime von null zählt die Zeit
ab Performance.timeOrigin. Dies ist das gleiche Verhalten
wie bei Document.timeline.
const timeline = new DocumentTimeline();
console.log(timeline.currentTime === document.timeline.currentTime); // true
Das Festlegen einer nicht-null originTime verschiebt die DocumentTimeline
um diesen Betrag von Document.timeline:
const offsetTimeline = new DocumentTimeline({ originTime: 500 });
console.log(document.timeline.currentTime - offsetTimeline.currentTime); // 500
Eine DocumentTimeline, die relativ zum aktuellen Moment ist, kann wie folgt erstellt werden:
const nowTimeline = new DocumentTimeline({
originTime: document.timeline.currentTime,
});
console.log(nowTimeline.currentTime); // 0
Spezifikationen
| Specification |
|---|
| Web Animations> # dom-documenttimeline-documenttimeline> |