Style animationIterationCount Property
Example
Changing the animationIterationCount property of a <div> element:
document.getElementById("myDIV").style.animationIterationCount = "infinite";
Try it Yourself »
Definition and Usage
The animationIterationCount property sets or returns how many times an animation should be played.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Numbers followed by Moz specify the first version that worked with a prefix.
| Property | |||||
|---|---|---|---|---|---|
| animationIterationCount | 43.0 | 79.0 | 16.0 5.0 Moz |
Not supported | 30.0 |
Syntax
Return the animationIterationCount property:
object.style.animationIterationCount
Set the animationIterationCount property:
object.style.animationIterationCount = "number|infinite|initial|inherit"
Property Values
| Value | Description |
|---|---|
| number | A number that defines how many times an animation should be played. Default value is 1 |
| infinite | Specifies that the animation should be played infinite times (for ever) |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | 1 |
|---|---|
| Return Value: | A String, representing the animation-iteration-count property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: animation-iteration-count property
❮ Style Object
