Is it possible to stop a jQuery Timeout function when a user leaves the page?

Question

I set a timer into a view using the jQuery:

var timer, myDiv = $('#mydiv');
$(document).on('mousemove', function(ev) {
    var _self = $(ev.target);

    clearTimeout(timer);

    if (_self.attr('id') === 'mydiv' || _self.parents('#mydiv').length) {
        return;
    }    

    if(!myDiv.hasClass('show')) {
       myDiv.fadeIn();
    }          

    timer = setTimeout(function() { 
        myDiv.fadeOut(1000, function() {
            myDiv.removeClass('show');
        });
    }, 1960);    
});

I need to use this timer in one only single page for all the time a user still there.

Is it possible to use jQuery or JavaScript to stop the timer when a user leaves the page and goes through another view?

here a DEMO

@AcidShout thanks for suggestion, but the timer should be enabled for all the time the user still inside the page — NineCattoRules, Apr 27 '15 at 16:27
Neither `setTimeout` nor `clearTimeout` are jQuery things. They are vanilla-js things. — Oriol, Apr 27 '15 at 17:22

score 1 · Accepted Answer · answered Apr 27 '15 at 16:20

1

use clearTimeout:

clearTimeout(mytimer);

answered Apr 27 '15 at 16:20

Eun

4,146
5
30
51

already tried but on Ajax I have problem, it seems not working – NineCattoRules Apr 27 '15 at 16:21
Ok, I update with more code, I tried to be synthetic :) – NineCattoRules Apr 27 '15 at 16:27
So you basicly want to pause the timeout as soon as the user leaves the page? – Eun Apr 27 '15 at 16:34
Yes, and I have no idea – NineCattoRules Apr 27 '15 at 16:34
I need to kill the timer when a user leaves the page not the tab or the website, but when he simply goes in another view – NineCattoRules Apr 27 '15 at 16:43
To elaborate on this, you can use jquery's .blur() function: `$(window).blur(function() {clearTimeout(mytimer);})` – Walker Boh Apr 27 '15 at 16:52
1

You will also want to wrap your timer creation in a $(window).focus() event. See this fiddle: http://jsfiddle.net/ohyh3qsp/2/ – Walker Boh Apr 27 '15 at 16:59

Is it possible to stop a jQuery Timeout function when a user leaves the page?

1 Answers1