The idle timer is built on jQuery and provides two custom events: idle.idleTimer and active.idleTimer, which fire when the user’s idle state has changed.
This example has an idle timeout of 7 seconds. When you move your mouse over the page or start typing, you’re considered “active”. The status above the textarea changes to indicate your current state.
(function($){
$(document).bind(“idle.idleTimer”, function(){
$(“#status”).html(“User is idle 
“).css(“backgroundColor”, “silver”);
});
$(document).bind(“active.idleTimer”, function(){
$(“#status”).html(“User is active 
“).css(“backgroundColor”, “yellow”);
});
$.idleTimer(7000);
})(jQuery);
<div id=”status” style=”padding: 5px;”> </div>
Note:
Running this Idile Timer successfully need to include the jquery.js and idletime.js. You can download the idile timer from this below URL,
