End session after iddle time using Javascript

**YuuKT** · 09-01-2012 01:59 PM

Normal

HTML Code:

<html>
<head>
<script type="text/javascript">
var iddle_time=0;
var session_time = 1 //minutes
function timerIncrement(){
	iddle_time++;
	document.getElementById("time").innerHTML=iddle_time;
	if(iddle_time==session_time*60){
		restarTimer();
		//Do something like redirect to lougout page
		alert('Your session has been ended !');
	}
}
function restarTimer(){
	iddle_time=0;
}
</script>
</head>
<body onKeyPress="restarTimer()" onmousemove="restarTimer()">
<div>
Iddle Time in Second:<span id="time"></span>
</div>
<script type="text/javascript">
setInterval("timerIncrement()",1000);
</script>
</body>
</html>

jQuery

HTML Code:

<script type="text/javascript">
idleTime = 0;
$(document).ready(function () {
    //Increment the idle time counter every minute.
    var idleInterval = setInterval("timerIncrement()", 60000); // 1 minute

    //Zero the idle timer on mouse movement.
    $(this).mousemove(function (e) {
        idleTime = 0;
    });
    $(this).keypress(function (e) {
        idleTime = 0;
    });
})
function timerIncrement() {
    idleTime = idleTime + 1;
    if (idleTime > 19) { // 20 minutes
        window.location.reload();
    }
}
</script>