trigger jQuery code after 10 min on in-activity

What would be the best way to monitor activity of a user on the page? I am developing a CMS system and using this as a security feature, if user is inactive for set amount of minutes then jQuery would trigger a function which would trigger whole page overlay and load in login script having to force the user to re-enter the password in-order to reopen the page or else after so many failed attempts PHP would force the user to logout script and destroy entire session.

So here how it would go

If no activity after 5min

jQuery(checks user activity every 5min) -> loop <- jQuery(if no activity after 5min) -> function(trigger overlay + authorization script via AJAX)

If there is activity

jQuery(checks user activity every 5min) -> loop <- jQuery(if active go back to loop)

So ye this is about it, thanks in advance.

Ac开发者_如何学Pythontivity Definition for this script: Movement of mouse or input(keyboard) of text into text fields or clicking elements.

You can use jQuery's Idle Timer plugin.

As Justin says, jQuery does have an idle timer plugin. However, this method is not going to be sufficient alone unless your idle timer also destroys login cookies - your overlay can easily be circumvented by an array of browser plugins, or even (depending on how your application is built) GET parameters.

Reloading the page would even circumvent this "security" unless you log the user out.