用户离开页面时是否可以停止 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);