How to pause a setInterval() function on mouseover/hover?

Asked Mar 27 '20 at 20:31

Active Mar 27 '20 at 20:31

Viewed 18 times

I am having trouble with finding a good solution for pausing my setInterval(). Maybe I have build it up in a terrible way, but I am still learning. What I am trying to do is to pause the setInterval() on a hover/mouseover. I know I will have to use clearInterval() in some way, but I don't know how. Does anybody have any tips? This is what I am working with:

    var divs = $('.section').toArray();
    function getsectionNext() {
        divs.push(divs.shift());
        return divs[0];}
    function sectionInterval() {
        setInterval(function() {
            $('.section').removeClass('active');
            $(getsectionNext()).addClass('active');
        },10000);}
    setInterval(sectionInterval());

Thanks so much for any help in solving this problem!

asked Mar 27 '20 at 20:31

bananaweb

Fortunately the accepted answer to the duplicate has some jQuery event handlers that serve as a guide for your situation. Good luck. – isherwood Mar 27 '20 at 20:34
I have been trying to make it work with information from the answer you supplied, but cannot get it to work. Any other tips? – bananaweb Mar 28 '20 at 01:09
Fixed it! Thanks for your help. – bananaweb Mar 28 '20 at 01:32

How to pause a setInterval() function on mouseover/hover?

0 Answers0