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

TransitionEvent elapsedTime Immobilien

Beispiel

Finden Sie heraus, wie viele Sekunden ein Übergang wurde ausgeführt:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);

function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}

Versuch es selber "

Definition und Verwendung

Die elapsedTime Eigenschaft gibt die Anzahl der Sekunden ein Übergang wurde ausgeführt, wenn ein transitionend Ereignis eintritt.

Hinweis: Der Rückgabewert ist nicht betroffen , wenn der Übergang angehalten wird (durch den Übergang Verzögerung CSS - Eigenschaft verwendet wird ).

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	ja	ja	ja

Syntax

event .elapsedTime

Technische Details

Rückgabewert:	Eine Zahl, die die Anzahl der Sekunden, um einen Übergang in Betrieb war

Verwandte Seiten

HTML - DOM - Referenz: Die transitionend Ereignis

HTML - DOM - Referenz: TransitionEvent property Property

CSS - Referenz: CSS3 Übergang der Immobilie

CSS - Referenz: CSS3 Übergangsdauer der Immobilie

Ereignisobjektreferenz