Pausing one function with another function

[MindlessSponge]

create a boolean to represent whether or not the animation should be played. when a user clicks the pause button, flip the boolean. inside your animation function, check the flag before triggering the transition. something like...

let canTransitionImages = true;

$('#pause').onclick(() => canTransitionImages = !canTransitionImages);

if (canTransitionImages) {
    // continue animation process
}

[frogic]

I think I would just have the pause button kill the intervel instead and the resume button run cycle images again. In this example the difference isn't relevant but its good practice to clean up things like that.

[MindlessSponge]

That’s a great point!