Последние учебники веб-разработки

×

JavaScript Справка

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

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

Другие объекты

CSSStyleDeclaration

AnimationEvent elapsedTime Property

<Объект Event

пример

Узнайте, сколько секунд анимация была запущена:

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

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

Попробуй сам "

Определение и использование

Свойство ElapsedTime возвращает количество секунд анимация была запущена, когда происходит событие анимации.

Примечание: Возвращаемое значение не влияет , если анимация приостановлена (by using the animation-delay CSS property) .

Примечание: Для animationstart события, это свойство всегда возвращает значение "0" .

Это свойство только для чтения.

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
elapsedTime	да	10,0	6,0	да	да

Синтаксис

event .elapsedTime

Технические подробности

Возвращаемое значение:	A Количество, представляющее количество секунд анимации было запущенно

Похожие страницы

HTML DOM ссылка: animationstart события

HTML DOM ссылка: animationiteration события

HTML DOM ссылка: animationend события

HTML DOM ссылка: AnimationEvent animationName Property

Ссылка CSS: CSS3 animation Property

Ссылка CSS: CSS3 animation-duration Property

<Объект Event