How to stop function on blur()

问题

myfucntion = send request after 5 sec

document.ready(myfucntion)
$(window).focus(myfucntion)
$(window).blur(stop(myfucntion))

is this possible to stop a function on blur called previously in document.ready

回答1:

Have a global timer:

var intervalId;

And it would be better to have two functions:

startfunction() {
  intervalId = setTimeout(function () {
    // send request after 5 seconds
  }, 5000);
}
stopfunction() {
  clearTimeout(intervalId);
}

And use them like this:

$(document).ready(startfunction);
$(document).ready(function () {
  $(window).focus(startfunction);
  $(window).blur(stopfunction);
});

回答2:

Here is an example of how to make what you want work

var timer; // make it global so it can be accessed inside functions

var myFunction = function () {
  timer = setTimeout(function() {
    //do something after 5 seconds
  }, 5000);
}

var stopMyFunction = function () {
  clearTimeout(timer);
}

$(document).ready(myFunction)
$(window).focus(myFunction)
$(window).blur(stopMyFunction))

来源：https://stackoverflow.com/questions/34548020/how-to-stop-function-on-blur