ausführen von Jquery, wenn die Maus nicht mehr bewegt

Habe ich eine schnelle Skript, das ein trail folgt dem cursor:

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

Nun würde ich gerne entfernen der animate Teil und haben so etwas wie den folgenden, wenn die Maus nicht bewegt:

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

Ich kann einfach nicht herausfinden, wie man dies ausführt, wenn die Maus nicht bewegt für mehr als eine Sekunde. Irgendwelche Ideen?

Dank, und hier ein jsfiddle

update var mouseLastMoved jedes mal, wenn Sie verschoben, und verwenden Sie ein setTimeout, um zu überprüfen, dass now > mouseLastMoved + x seconds?
Ich verstehe nicht ganz, was Sie wollen, aber ich aktualisiert es sich mit Ihrem neuen code: jsfiddle.net/wVVbT/9 - funktioniert diese Hilfe?
Ich brauche diese Zeile ausgeführt wird, wenn die Maus nicht mehr bewegen...so ist der aktualisierte code, den Sie gerade gebucht ist nicht das, was ich will
ok, was ist mit diesem: jsfiddle.net/wVVbT/13 (Anmerkung: credit geht an adeneo, die ich gerade Hinzugefügt und entfernt ein paar bits von code)

InformationsquelleAutor Ryan Saxe | 2013-06-22

  1. 5

    ist das, was Sie benötigen? jsFiddle

    lastTimeMouseMoved = new Date().getTime();
var t = setTimeout(function() {
  var currentTime = new Date().getTime();
  if (currentTime - lastTimeMouseMoved > 1000) {
    $('.fall').fadeOut('slow');
    //$('.fall').remove();
  }
}, 1000)
    Das ist fast perfekt!! Das ist genau der Punkt...aber es funktioniert nicht ausgeblendet werden, es wird einfach entfernt
    Sie können kleine änderung zu tun...
    nur Kommentar // $('.fallen').entfernen(); machen
    Wähler - im Fall, dass Sie downvote eine Antwort bitte fühlen Sie sich frei, um zu beschreiben, ein Grund für die gleichen

    InformationsquelleAutor Varun

  2. 13

    Fügen Sie ein timeout, der feuert nach einer Sekunde Inaktivität, und deaktivieren Sie das timeout, wenn die Maus bewegt sich in 1 Sekunde usw :

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

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

    GEIGE

    EDIT:

    Hier ist, wie ich es tun würde,

    GEIGE

    Ziel ist es, für Sie ausgeblendet werden, wenn gestoppt. Dieser tut das nicht, es macht es nur stop-Zeichnung. und dann kann man nicht wieder starten...
    Aber nicht Sie schon fade-out? Trotzdem, bearbeitet die Antwort, das gleiche Prinzip, um herauszufinden, wenn die Maus blieb für eine Sekunde etc.
    Ich denke, Sie wollen so etwas wie dieses: jsfiddle.net/wVVbT/13 - alles, was Sie tun müssen, um arbeiten verkaufen, wie Sie wollen, ist zu entfernen, ein paar Zeilen in Ihrer ursprünglichen Funktion.
    Joe ist richtig, aber danke!
    So etwas wie diese dann -> jsfiddle.net/wVVbT/17

    InformationsquelleAutor adeneo

Schreibe einen Kommentar