导航条不规则地出现和消失

Question

我有一个代码，旨在使导航条在鼠标静止时消失，当鼠标移动时，它应该淡入。代码工作，除了当鼠标静止时，导航条将淡出，但随后会在几秒钟后淡出，并继续以固定的间隔淡出。有问题的网站在这里。我的代码在

下面

$("#header").hide();
$("html").mousemove(function( event ) {
$("#header").fadeIn(1500);
myStopFunction();
myFunction();
});
function myFunction() {
myVar = setTimeout(function(){
    $("#header").fadeOut(1500);
}, 2000);
}
function myStopFunction() {
if(typeof myVar != 'undefined'){
    clearTimeout(myVar);
}
}

Answer 1

Try this (pattern)

$(function () {
    var _toggle = function () {
        $(document).one("mousemove.t", function (e) {
            e.target = $("#header");
            $(e.target).toggle(1500).delay(2000).toggle(1500, function () {
                _toggle()
            })
        })
    };
    $.when(_toggle())
})

jsfiddle http://jsfiddle.net/guest271314/8VeDN/