AnimationEvent elapsedTime 属性
定义和用法
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
技术细节
返回值: | 数字值,表示动画运行的秒数。 |
---|
浏览器支持
表中的数字注明了完全支持该属性的首个浏览器版本。
کیفیت | کروم | آئی ای | فائرفاکس | سافری | آپرا |
---|---|---|---|---|---|
elapsedTime | پشتیبانی | 10.0 | 6.0 | پشتیبانی | پشتیبانی |
متعلقہ صفحات
HTML DOM مرجع دستور زبان:animationstart ایوینٹ
HTML DOM مرجع دستور زبان:animationiteration ایوینٹ
HTML DOM مرجع دستور زبان:animationend ایوینٹ
HTML DOM مرجع دستور زبان:AnimationEvent animationName اپریشن
CSS مرجع دستور زبان:CSS3 انیمیشن اپریشن
CSS مرجع دستور زبان:CSS3 انیمیشن-دوران اپریشن