Question

I’m just trying to figure out how to stop the script from running and rotating images onClick().

Any help? Please?

Thanks, in advance!

Answer 1

document.querySelector('#imageGallery').addEventListener('click', function () {
    clearTimeout(thetimer);
});

This will only stop the images. If you want to be able to toggle stopping and animating, you can keep track of the stop/resume state using dataset (at least, I suggest you do it that way) and call numb when resuming state to start the timeout once again.

This is not 100% cross-browser compatible. You’ll have to use attachEvent for IE, and you shouldn’t use thetimer as a global variable, but declare it with var.