Adding pause on hover to setInterval()?

Question

Hi here's my jquery function for slideshow with other inbuilt function. I have been trying to make it pause when i hover over the overall div. Help me out! ``` $(function() { var timer = setInterval( showDiv, 5000); var counter = 2; function showDiv() { if (counter ==0) { counter++; return; } $('div','#slide-show-overall') .stop() .fadeOut('slow') .filter( function() { return this.id.match('picture-set-' + counter); }) .fadeIn('slow'); if (counter ==2) { slideWings();} //extra functions if (counter ==1) { resetWings();} //extra functions counter == 3? counter = 1 : counter++; } }); }); ``` ```

Accepted Answer

You want to use `clearInterval` to remove the interval on hover and then replace it in the off hover function:

```
$('#slide-show-overall').hover(function(ev){
    clearInterval(timer);
}, function(ev){
    timer = setInterval( showDiv, 5000);
});
```

Adding pause on hover to setInterval()?

Solution

Problem