Jquery निष्पादित जब माउस को ले

Question

मैं एक त्वरित स्क्रिप्ट कि एक निशान कर्सर का पालन गया है बंद हो जाता है:

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);  
    }); 
}); 

अब मैं animate हिस्से को हटाने और की तरह कुछ करना चाहते हैं निम्नलिखित जब माउस नहीं है चल रहा है:

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

मैं यह समझ नहीं सकता कि माउस इसे दूसरे स्थान की तुलना में अधिक नहीं चल रहा है, इसे निष्पादित करने के तरीके को समझ नहीं सकता है। कोई विचार?

धन्यवाद, और here is a jsfiddle

Answer 1

क्या आपको इसकी आवश्यकता है? 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

आप समय समाप्त जोड़ने कि आग की निष्क्रियता के एक सेकंड, और बाद का समय समाप्त स्पष्ट करता है, तो 1 सेकंड आदि के भीतर माउस चालें:

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

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

FIDDLE

संपादित करें:

यहां मैं यह कैसे करूं

FIDDLE