DocumentTimeline: DocumentTimeline() Konstruktor
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| Web Animations # dom-documenttimeline-documenttimeline |