Tabia ya elapsedTime ya matukio ya kidini hali

Matukio ya DOM AnimationEvent

Maelezo na matumizi

Tabia ya elapsedTime inaonyesha wakati wa sekunde ambao kidini hali inaendelea kwa kila matukio ya kidini hali.

Mafano ya mawasiliano:Hakuna matokeo ya kwanza kama kidini hali inapungua (kwa kutumia kina ya CSS ya animation-delay).

Mafano ya mawasiliano:kwa Matukio ya animationstartinaonyesha "0" kwa kila wakati.

Mafano ya mawasiliano:Tabia hii inaonyesha kwa sababu tu.

Mfano

Takaambia wakati wa kuanzia wa kidini hali:

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

Tafuta tena kufanya mafanikio

Inafuatiliaji

matukio.elapsedTime

Maelezo ya mawasiliano ya vifaa

Matokeo wa kuitumia: maneno ya adui, inaeleza wakati wa sekunde ambao uuzito wa kidini hali inafanyika.

mwenyesha wa kina

maneno ya kina na tabia ya kina inaeleza sababu ya kwanza ya kufunguliwa kwa kina ambao inahusiana na tabia hiyo.

michakato Chrome IE Firefox Safari Opera
elapsedTime mwenyesha 10.0 6.0 mwenyesha mwenyesha

paje la kawaida

Mwongozo wa HTML DOM:Matukio ya animationstart

Mwongozo wa HTML DOM:Matukio ya animationiteration

Mwongozo wa HTML DOM:Matukio ya animationend

Mwongozo wa HTML DOM:Jicho la animationName kwa AnimationEvent

Mwongozo wa CSS:Mfumo wa animation wa CSS3

Mwongozo wa CSS:Mfumo wa animation-duration wa CSS3

Matukio ya DOM AnimationEvent