Faire disparaître après X secondes, si aucun mouvement? Jquery/Ipad

Question

Je sais ce que le code à utiliser pour faire quelque chose d'attendre X secondes avant la sortie en fondu ...

$('div#extras').delay(800).fadeOut(3000); 

Mais ceci est pour l'ipad, & je voudrais qu'il ne se fanent si l'utilisateur a pas bougé ou touché quelque chose pendant environ 2 secondes ou plus.

Je ne peux pas vraiment utiliser onmousemove avec ça .. Des idées?

Pour toute personne intéressée .. Ce que j'ai été utilisé:

 //If user touches page, show menu 
     $('.touch').bind("touchstart", function(e){ 
      $('div#extras').stop().fadeTo('fast', 1); 
     }); 
     //If user moves page, show menu 
     $('.touch').bind("touchmove", function(e){ 
      $('div#extras').stop().fadeTo('fast', 1); 
     }); 
     //If user does not touch or move page, fade menu 
     $('.touch').bind("touchend", function(e){ 
      $('div#extras').delay(2000).fadeTo(1500, 0); 
     }); 

Merci pour votre aide

Answer 1

(function(){ 
    var timerId = null;  

    $(document).bind('mousemove mousedown mouseup', function(){ 
     $('div#extras').show(); 

     clearTimeout(timerId); 

     timerId = setTimeout(function(){ 
      $('div#extras').fadeOut('slow'); 
     }, 2000); 
    }); 
}()); 

Answer 2

vous pouvez connecter le temps à chaque fois quelque chose tactile de l'utilisateur, et vérifiez à l'aide setTimeout() . Si plus de 2 secondes, vous lancez votre code caché.