files/en-us/web/api/svgsvgelement/animationspaused/index.md
{{APIRef("SVG")}}
The animationsPaused() method of the {{domxref("SVGSVGElement")}} interface checks whether the animations in the SVG document fragment are currently paused.
animationsPaused()
None.
A boolean. true if this SVG document fragment is in a paused state.
<svg id="exampleSVG" width="200" height="100">
<circle cx="50" cy="50" r="30" fill="blue">
<animate
attributeName="cx"
from="50"
to="150"
dur="2s"
repeatCount="indefinite" />
</circle>
</svg>
<button id="pauseBtn">Pause/Resume Animations</button>
<pre id="status"></pre>
const svgElement = document.getElementById("exampleSVG");
const pauseButton = document.getElementById("pauseBtn");
const statusDisplay = document.getElementById("status");
function updateStatus() {
const isPaused = svgElement.animationsPaused();
statusDisplay.textContent = `Animations paused: ${isPaused}`;
}
pauseButton.addEventListener("click", () => {
if (svgElement.animationsPaused()) {
svgElement.unpauseAnimations();
} else {
svgElement.pauseAnimations();
}
updateStatus();
});
// Initialize the status display
updateStatus();
{{Specifications}}
{{Compat}}