Jquery: Wie man etwas verblassen lässt, wenn die Maus im Leerlauf ist. Wenn die Maus erneut bewegt wird, blendet sie ein!

Question

Ich habe ein div namens "#top". Ich möchte es ausblenden, wenn die Maus im Leerlauf für 3 Sekunden ist. Wenn die Maus erneut bewegt wird, erscheint sie (Fade, natürlich)

Weiß jemand, wie man das macht?

Vielen Dank.

Answer 1

Verwenden setTimeout, speichern den Rückgabewert irgendwo (abzubrechen es mit clearTimeout, wenn die Maus bewegt sich wieder):

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

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

Sie diese innerhalb $(document).ready() oder dergleichen wollen werde.