Η ιδιότητα elapsedTime του AnimationEvent

Δημιουργία Σώματος DOM AnimationEvent

Ορισμός και χρήση

Η ιδιότητα elapsedTime επιστρέφει τα δευτερόλεπτα που έχει εκτελεστεί η ανίχνευση, όταν συμβεί ένα γεγονός ανίχνευσης.

Σημειώσεις:Αν η ανίχνευση αναστέλλεται (με τη χρήση της ιδιότητας CSS animation-delay), η τιμή επιστροφής δεν επηρεάζεται.

Σημειώσεις:Για Ανάγνωση Σώματος animationstartΑυτή η ιδιότητα επιστρέφει πάντα "0".

Σημειώσεις:Η ιδιότητα αυτή είναι μόνο ανάγνωστη.

Παράδειγμα

Καθορίστε πόσες δευτερόλεπτες εκτελείται η ανίχνευση:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

Προσωπική δοκιμή

Γλώσσα γραμμάτων

event.elapsedTime

Τεχνικά στοιχεία

Αποτελέσματα: Αριθμητική τιμή που δείχνει τα δευτερόλεπτα που εκτελείται η ανίχνευση.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμητικά στοιχεία της τύχης δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει το πρότυπο.

Πρότυπο Chrome IE Firefox Safari Opera
elapsedTime Υποστήριξη 10.0 6.0 Υποστήριξη Υποστήριξη

Σελίδες σχετικές

Παράδειγμα HTML DOM:Ανάγνωση Σώματος animationstart

Παράδειγμα HTML DOM:Ανάγνωση Σώματος animationiteration

Παράδειγμα HTML DOM:Ανάγνωση Σώματος animationend

Παράδειγμα HTML DOM:Πρότυπο Σώματος AnimationEvent animationName

Παράδειγμα CSS:Πρότυπο CSS3 animation

Παράδειγμα CSS:Πρότυπο CSS3 animation-duration

Δημιουργία Σώματος DOM AnimationEvent