Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Andere Objekte

CSSStyleDeclaration

AnimationEvent elapsedTime Property

<Ereignisobjekt

Beispiel

Finden Sie heraus, wie viele Sekunden eine Animation ausgeführt wurde:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);

function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

Versuch es selber "

Definition und Verwendung

Die elapsedTime Eigenschaft gibt die Anzahl der Sekunden eine Animation wurde ausgeführt, wenn eine Animation Ereignis eintritt.

Hinweis: Der Rückgabewert ist nicht betroffen , wenn die Animation angehalten wird (by using the animation-delay CSS property) - (by using the animation-delay CSS property) .

Hinweis: Für das animationstart Ereignis, diese Eigenschaft immer wieder "0" .

Diese Eigenschaft ist schreibgeschützt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
elapsedTime	Ja	10.0	6.0	Ja	Ja

Syntax

event .elapsedTime

Technische Details

Rückgabewert:	Eine Zahl, die die Anzahl der Sekunden eine Animation wurde ausgeführt

Verwandte Seiten

HTML - DOM - Referenz: Das animationstart Ereignis

HTML - DOM - Referenz: Das animationiteration Ereignis

HTML - DOM - Referenz: Das animationend Ereignis

HTML - DOM - Referenz: AnimationEvent animationName Property

CSS - Referenz: CSS3 animation Property

CSS - Referenz: CSS3 animation-duration Property

<Ereignisobjekt