Рекомендуемый курс:

Свойство style.animationPlayState

animationPlayState Определение и использование

Атрибут определяет, выполняется ли анимация или она приостановлена.Комментарии:

Используйте этот атрибут для приостановки анимации в цикле.

См. также:Свойство animation-play-state

CSS справочник:

Пример

Приостановка анимации:

document.getElementById("myDIV").style.animationPlayState = "paused";

Попробуйте сами

Грамматика

Установка свойства animationPlayState:Возврат свойства animationPlayState:

.style.animationPlayState

Установка свойства animationPlayState:объект

.style.animationPlayState = "running|paused|initial|inherit"

Значение свойства Значение
running Описание
Значение по умолчанию. Определяет, что анимация выполняется. Определяет暂停动画。
initial Установите это свойство в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: running
Возвратное значение: Строка, которая указывает на Свойство animation-play-state.
Версия CSS: CSS3

Поддержка браузерами

animationPlayState Это функция CSS3 (1999).

Все браузеры поддерживают его полностью:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Поддержка Поддержка Поддержка Поддержка Поддержка 11