JQuery: как заставить что-то исчезать, когда мышь простаивает. Когда мышь снова движется, она исчезает!

Question

У меня есть div под названием «#top». Я бы хотел, чтобы он исчез, когда мышь простоя в течение 3 секунд. Когда мышь снова перемещается, сделайте ее видимой (исчезает, конечно)

Кто-нибудь знает, как это сделать?

Большое спасибо.

Answer 1

Использование setTimeout, сохранение возвращаемого значения где-то (отменить его clearTimeout при перемещении мыши снова):

var timer; 
$(document).mousemove(function() { 
    if (timer) { 
     clearTimeout(timer); 
     timer = 0; 
    } 

    $('#top:visible').fadeIn(); 
    timer = setTimeout(function() { 
     $('#top').fadeOut() 
    }, 3000) 
}) 

Вы хотите, чтобы это внутри $(document).ready() или тому подобное.