wykonać Jquery, gdy wskaźnik myszy zatrzyma się

Question

Mam krótki skrypt, który szlak śledzenie kursora:

jQuery(document).ready(function(){ 
    $(document).mousemove(function(e){ 
     $('.fall').each(function(){ 
      if ($(this).css("opacity") == 0){ 
       $(this).remove(); 
      }; 
     }); 
     t = (e.pageY - 10).toString() + 'px'; 
     l = (e.pageX - 10).toString() + 'px'; 
     $('.fall').css("margin_left",l); 
     $('.fall').css("margin_top",t); 
     var doit = '<div class="fall" style="position:fixed;margin-left:' + l + ';margin-top:' + t + ';">+</div>' 
     $('body').prepend(doit); 
     $('#status2').html(e.pageX +', '+ e.pageY); 

     $('.fall').animate({ 
      marginTop: '+=50px', 
      opacity: 0 
     },1000);  
    }); 
}); 

Teraz chciałbym, aby usunąć animate udział i mieć coś jak następuje, gdy mysz nie jest przenoszenie:

$('.fall').each(function(){ 
    $(this).fadeOut('slow'); 
    $(this).remove() 
}); 

Po prostu nie mogę dowiedzieć się, jak to zrobić, gdy mysz nie porusza się dłużej niż przez sekundę. Jakieś pomysły?

Dzięki, a here is a jsfiddle

Answer 1

czy tego potrzebujesz? jsFiddle

lastTimeMouseMoved = new Date().getTime(); 
var t = setTimeout(function() { 
    var currentTime = new Date().getTime(); 
    if (currentTime - lastTimeMouseMoved > 1000) { 
    $('.fall').fadeOut('slow'); 
    // $('.fall').remove(); 
    } 
}, 1000) 

Answer 2

dodać timeout odpala po jednej sekundzie bezczynności i usunąć limit czasu, gdy porusza się mysz w ciągu 1 sekundy itp:

var timer; 
$(document).on('mousemove', function(e){ 
    clearTimeout(timer); 

    timer = setTimeout(function() { 
     $('.fall').fadeOut('slow', function() { 
      $(this).remove(); 
     }); 
    }, 1000); 
}); 

FIDDLE

EDYCJA:

Oto jak to zrobić

FIDDLE