AnimationEvent: свойство elapsedTime
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.
Это AnimationEvent.elapsedTime только для чтения, float предоставляющее количество времени, в секундах, которое анимация работала до вызова этого события, исключая время паузы анимации. Для события animationstart значение elapsedTime равно 0.0 за исключением случаев с отрицательным значением animation-delay, в таком случае событие будет вызвано со значением elapsedTime содержащим (-1 * delay).
Значение
Числовое значение, представляющее время в секундах.
Спецификации
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
elapsedTime |
43 | 12 | 5 | 30 | 9 | 43 | 5 | 30 | 9 | 4.0 | 43 |
См. также
- Использование CSS-анимаций
- Свойства и правила CSS, связанные с анимацией:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes. - Интерфейс
AnimationEvent, к которому он относится.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/elapsedTime
