当用户离开页面时是否可以停止jQuery Timeout功能？

Question

我使用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);    
});

我需要在一个用户仍然存在的情况下在一个页面中使用此计时器。

当用户离开页面并通过另一个视图时，是否可以使用jQuery或JavaScript来停止计时器？

此处为DEMO

Answer 1

使用clearTimeout：

clearTimeout(mytimer);