Baseline Widely available
Die Methode getStartTime() des SVGAnimationElement gibt einen float-Wert zurück, der die Startzeit in Sekunden für das aktuelle Intervall dieses Animationselements darstellt, falls es existiert, unabhängig davon, ob das Intervall bereits begonnen hat.
Die von getStartTime() zurückgegebene Startzeit wird in Sekunden relativ zur Zeit null des Zeitcontainers gemessen.
Zeit null bezieht sich auf den Moment, in dem der Zeitcontainer seine Zeitleiste beginnt. Sie fungiert als Ausgangsreferenzpunkt für alle Animationen innerhalb dieses Containers.
Ein Zeitcontainer ist ein Element oder Kontext, das eine lokale Zeitleiste für eine oder mehrere Animationen definiert. Animationen innerhalb des Zeitcontainers werden relativ zu seiner Zeitleiste gemessen. Wenn ein Zeitcontainer verzögert, angehalten oder manipuliert wird, passen sich alle darin enthaltenen Animationen entsprechend an.
Diese Eigenschaft spiegelt das begin Attribut des <animate>, <animateMotion> oder <animateTransform> Elements wider.
Keine (undefined).
Ein float-Wert.
AusnahmenInvalidStateError DOMException
Wird ausgelöst, wenn das SVGAnimationElement kein aktuelles Intervall hat. Dies passiert, wenn die begin Zeit des Animationselements nicht erreicht oder definiert ist, sodass die getStartTime() Methode keine gültige Startzeit ermitteln kann. Ein Beispiel wäre, wenn die Animation auf begin="click" gesetzt ist, aber der Benutzer noch nicht geklickt hat, um sie zu starten.
Dieses Beispiel zeigt, wie das Attribut begin="3s" die Animation 3 Sekunden nach Beginn der Zeitleiste des Zeitcontainers starten lässt.
<svg width="200" height="200" viewBox="0 0 200 200">
<circle cx="50" cy="50" r="20" fill="rebeccapurple">
<animate attributeName="cx" from="50" to="150" dur="5s" begin="3s" />
</circle>
</svg>
const animationElement = document.querySelector("animate");
const startTime = animationElement.getStartTime();
console.log(
`The animation starts at: ${startTime} seconds relative to the time container's timeline`,
); // Output: 3
Die getStartTime() Methode gibt 3.0 zurück, da dies die Zeit relativ zur Zeit null des Zeitcontainers ist.
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4