2010-07-19 2 views
2

Я знаю, какой код использовать, чтобы сделать что-то подождать X секунд перед гаснуть ...Сделать исчезают через X секунд, если нет движения? Jquery/Ipad

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

Но это для Ipad, & Я хотел бы, чтобы только исчезнуть, если пользователь имеет не перемещали и не касались ничего около 2 секунд или около того.

Я не могу точно использовать onmousemove с этим .. Любые идеи?

Для тех, кто заинтересован .. Что я сделал использование:

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

Спасибо за вашу помощь

ответ

4
(function(){ 
    var timerId = null;  

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

     clearTimeout(timerId); 

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

вы можете войти время каждый раз, когда пользователь сенсорное что-то, и проверить его с помощью SetTimeout() , Если более 2 секунд, вы запускаете свой скрытый код.

+0

Как я могу его зарегистрировать? Спасибо – Annie

+0

как ответ jAndy :) – Sirber

Смежные вопросы