非アクティブ時間jqueryを計算する

Question

私はサイト内で非アクティブな秒を取得する必要があります。

たとえば、ユーザーが再び非アクティブカウンタが開始された場合は、そのタブのカウンターでユーザー割り込みが0

に設定されている場合、カウンタは1

に開始されたように、ユーザーがサイトで何もしていない場合は

。

ユーザーが別のタブに10秒移動すると、タイマーは10秒に停止し、そのタブに戻ると10秒に戻ります。

idleTime = 0; 

//Increment the idle time counter every second. 
var idleInterval = setInterval(timerIncrement, 1000); 

function timerIncrement() 
{ 
    idleTime++; 
    console.log(idleTime); 

} 

//Zero the idle timer on mouse movement. 
$(document).bind('mouseover click keydown scroll', function() { 
    idleTime = 0; 
}); 

ありがとうございます。

Answer 1

//Tracking Inactive User 
idleTime_inactive = 0; 
var idleInterval = setInterval(timerIncrements, 1000); 
var idleTime_inactivetemp = false; 
function timerIncrements() 
{ 
    console.log(idleTime_inactive); 
    if(idleTime_inactivetemp == false) { 
     idleTime_inactive++; 
    } 
} 
function get_pagescroll_per(){ 
    var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height(); 
    var scrolltrigger = 0.95; 
    return (wintop/(docheight-winheight))*100; 
} 

$(document).bind('mouseover click keydown scroll', function() { 
    idleTime_inactive = 0; 
}); 

document.addEventListener("visibilitychange", function() { 
    if(document.hidden == true) { 
    idleTime_inactivetemp = true; 
    } else { 
    idleTime_inactivetemp = false; 
    } 
}, false);