Przykład
Wstrzymywanie animację:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość animationPlayState określa, czy animacja jest uruchomiony lub zatrzymany.
Note: Za pomocą tej właściwości, aby wstrzymać animację w środku cyklu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Numery obserwowani przez Webkit, Moz lub O określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| animationPlayState | 43,0 4,0 Webkit | 10,0 | 16,0 5,0 Moz | 4,0 Webkit | 30,0 15,0 Webkit 12,1 12,0 O |
Uwaga: Chrome, Safari i Opera wspierać alternatywę, właściwość WebkitAnimation.
Składnia
Zwraca właściwość animationPlayState:
object .style.animationPlayState Ustaw właściwość animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| running | Domyślna wartość. Określa, że animacja jest uruchomiony |
| paused | Określa, że animacja jest wstrzymana |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | bieganie |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność animacja-play-state elementu |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: animation-play-state property
<Style obiektu