如果用戶不執行任何活動，如何顯示div由jquery

Question

面臨與jquery的html頁面的問題 想要顯示一個div，如果用戶沒有執行任何活動20秒。 我能夠顯示和使用jquery通過無法爲它 代碼設定的時間將其隱藏：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#VisitWidget").hide(); 
     $("#VisitWidget").show();` 
     $('#BtnBook').click(function() { 
      $("#VisitWidget").slideToggle(); 
     }); 
    }); 
</script> 

Answer 1

試試這個

<script type = "text/javascript" > 
$(document).ready(function() { 
    setInterval(function() { 
     if ($(document).data('events')) { 
      $("#VisitWidget").show(); 
     } 
     else { 
      $("#VisitWidget").hide(); 
     } 
    }, 2000); 
}); 
< /script> 

//

$(document).data('events') will check if there are any events on the page.. 

Answer 2

這也是在等待鼠標移動的活動，如果20秒去了，它會顯示你的股利。

var mouseTimeout; 

$(document).on('mousemove', function (e) { 
    clearTimout(mouseTimeout); 

    mouseTimeout = setTimeout(
     function(){ 
     $("#VisitWidget").slideToggle(); 
    }, 
    20000); // 20 seconds 
});