javascript - jQuery的超时解决方案？

让我说(我简化)，我有4格的内容...
如果鼠标不移动2秒钟，我喜欢淡入淡出/隐藏它们
当鼠标再次移动时...让我们快速地使所有内容再次出现...

在jquery中制作起来有多简单？

我不是很习惯超时和鼠标..更多的CSS习惯了!

我用Google搜索“概念”，然后发现:Hide div element with jQuery, when mouse isn't moving for a period of time?

我会调查是否可行!

最佳答案

您需要创建一个运行计时器，该计时器在每次鼠标移动时重新启动。

$(document).bind('mousemove', function() {
    var $somediv = $('#somediv');

    return function() {
        if(!$somediv.is(':visible'))
            $somediv.fadeIn('slow');

        this.tID && clearInterval(this.tID);
        this.tID = setTimeout(function() {
            $somediv.fadeOut('slow');
        }, 2000);
    };
}());

演示:http://www.jsfiddle.net/ByrKk/