This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The currentTime
read-only property of the Web Animations API's AnimationTimeline
interface returns the timeline's current time in milliseconds, or null
if the timeline is inactive.
Syntax
var currentTime = AnimationTimeline.currentTime;
Value
A number representing the timeline's current time in milliseconds, or null
if the timeline is inactive.
Reduced time precision
To offer protection against timing attacks and fingerprinting, the precision of animationTimeline.currentTime
might get rounded depending on browser settings.
In Firefox, the privacy.reduceTimerPrecision
preference is enabled by default and defaults to 20us in Firefox 59; in 60 it will be 2ms.
// reduced time precision (2ms) in Firefox 60 animationTimeline.currentTime; // 23.404 // 24.192 // 25.514 // ... // reduced time precision with `privacy.resistFingerprinting` enabled animationTimeline.currentTime; // 49.8 // 50.6 // 51.7 // ...
In Firefox, you can also enable privacy.resistFingerprinting
; the precision will be 100ms or the value of privacy.resistFingerprinting.reduceTimerPrecision.microseconds
, whichever is larger.
Specifications
Specification | Status | Comment |
---|---|---|
Web Animations The definition of 'currentTime' in that specification. |
Working Draft | Editor's draft. |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
currentTime | Chrome No support No | Edge No support No | Firefox
Full support
75
| IE No support No | Opera No support No | Safari Full support 13.1 | WebView Android No support No | Chrome Android No support No | Firefox Android
Full support
63
| Opera Android No support No | Safari iOS Full support 13.4 | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
See also
- Web Animations API
AnimationTimeline
DocumentTimeline
inherits this propertyDocument.timeline
returns a timeline object which inherits this property