Witam!
Czy da radę zapauzować animację GIF?
W moim kodzie mogę uruchomić animację i zatrzymać ją. Ale ponowne kliknięcie na przycisk to odtwarzanie animacji od początku.
Może jest jakiś sposób, żeby manipulować animacją? Może coś w stylu ustawiania currentTime?
<div class="gifWrapper">
<img src="Comp_static.gif" alt="" class="gif">
<button class="gifRun">Animate</button>
</div>
const gifImg = document.querySelector(".gif");
const animateBtn = document.querySelector(".gifRun");
let run = false;
animateBtn.addEventListener("click", function () {
if (!run) {
this.textContent = "Stop it!"
gifImg.setAttribute("src", "Comp 1.gif");
run = !run;
} else {
this.textContent = "Animate";
gifImg.setAttribute("src", "Comp_static.gif");
run = !run;
}
});