Javascript 以秒为单位的计数器空闲jquery
我在空闲库中有这个函数，但我需要的是以秒为单位计算动作时间，我指的是活动时间（onclick、onscroll和keypress） 功能是：Javascript 以秒为单位的计数器空闲jquery,javascript,jquery,idle-timer,Javascript,Jquery,Idle Timer,我在空闲库中有这个函数，但我需要的是以秒为单位计算动作时间，我指的是活动时间（onclick、onscroll和keypress） 功能是： (function () { var minutes = false; var interval = 1000; var IDLE_TIMEOUT = 5; var idleCounter = 0; var counter=0; document.onclick = document.onkeypress = function () {
(function () {
var minutes = false;
var interval = 1000;
var IDLE_TIMEOUT = 5;
var idleCounter = 0;
var counter=0;
document.onclick = document.onkeypress = function () {
idleCounter = 0;
setInterval(function () {
++counter;;
}, 1000);
};
window.setInterval(function () {
if (++idleCounter >= IDLE_TIMEOUT) {
alert(counter);
document.location.href = "SessionExpired.aspx";
}
}, interval);
}());
谢谢。您只需重置计时器即可
var counter;
var counterSeconds;
document.onclick = document.onkeypress = function () {
idleCounter = 0; // Set counter to 0 on each keypress/page click
clearInterval(counter) // Every time they click, clear the old interval and start a new one below
counter = setInterval(function () { // assign the interval to a variable so we can clear it
if (idleCounter > IDLE_TIMEOUT) { // Check if they've idled too long
document.location.href = "SessionExpired.aspx"; // Redirect them if they have
}
++counterSeconds;
++idleCounter; // Should increment 1/sec depending on your computer.
}, 1000); // Ticks at 1000 milliseconds (1 Second)
};
这里的一个问题是，每次单击或按键事件都会启动新的间隔函数，这会导致多个线程更新同一个变量 您应该在事件外部启动一个间隔线程 试试这个：
document.onclick = document.onkeypress = function () {
idleCounter = 0;
};
var activeTimer = setInterval(function () {
++counter;
}, interval);
var idleTimer = window.setInterval(function () {
if (++idleCounter >= IDLE_TIMEOUT) {
alert(counter);
document.location.href = "SessionExpired.aspx";
}
}, interval);
这正是我想要的，我做到了：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>
<script src="./e-lawyer/JS/idle.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>timertest</title>
<script language="javascript">
var it;
x = 0;
$(document).ready(function(){
$('.status').html('active');
});
function count() {
x+=1;
$('.usercount').html(x);
}
(function() {
var timeout = 2000;
$(document).bind("idle.idleTimer", function() {
clearInterval(it);
$('.status').html('idle');
});
$(document).bind("active.idleTimer", function() {
it = setInterval(count, 1000);
$('.status').html('active');
});
$.idleTimer(timeout);
})(jQuery);
</script>
</head>
<body>
<div class="status" style="border:1px dashed black; width:500px; height:50px;"></div>
<div class="usercount"style="border:1px dashed black; width:500px; height:50px;"></div>
</body>
</html>
计时试验
var-it；
x=0；
$（文档）.ready（函数（）{
$（'.status'）.html（'active'）；
});
函数计数（）{
x+=1；
$（'.usercount'）.html（x）；
}
（功能（）{
var超时=2000；
$（document.bind（“idle.idleTimer”，function（））{
clearInterval（it）；
$（'.status'）.html（'idle'）；
});
$（document.bind（“active.idleTimer”，function（））{
它=设置间隔（计数，1000）；
$（'.status'）.html（'active'）；
});
$.idleTimer（超时）；
})（jQuery）；
idleCounter