How to stop jquery js function on tab change?

Question

How to stop jquery function on tab change? Code of the Jquery js function is given below.

function move(){
addEventListener('load', function() {
createProgressbar('progressbar1', '40s', function() {
document.getElementById("close").style.display = "block";
 document.getElementById("msg").style.display = "none";
}); 
});
}

Anyone can help me in that? If required any other info comment please.

how this function call on your tabs? through `onclick`? something like `first tab` Or through jquery code? — Alive to die - Anant, Apr 25 '17 at 05:43
see [this](http://stackoverflow.com/questions/1038643/event-for-when-user-switches-browser-tabs). combine that anwer with setInterval for a wor-around — Rohith K P, Apr 25 '17 at 05:45
click on button? a bit confusing? mean on tab click this function call or another seperate button is there which call this function? Please add more code and details so that we can come to know how actually this `move()` function called and when it is called? — Alive to die - Anant, Apr 25 '17 at 05:56

score 1 · Answer 1 · answered Apr 25 '17 at 05:55

Please see below to get a general idea.

playing = function() {
    foo = window.setInterval(function() {
        console.log('as')
    }, 500);
}

$(window).blur(function(e) {
   clearInterval(foo);//clear the interval..which inturn stop execution
});

$(window).focus(function(e) {
//will get executed when current tab is focused
 playing()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Note: click on/outof the output area after running snippet to see it working.

score 0 · Answer 2 · answered Apr 25 '17 at 05:54

If you are performing some action of loading (say) on one tab and during the process of loading, if you switch to another tab, And you need the previous process of the loading to be stopped, then it might not happen.

But you can do is hide all elements (displayed related to the loading) that you do not want to display as soon as you have changed the tab.

How to stop jquery js function on tab change?

2 Answers2