Brandgebeurtenis als de gebruiker niet actief is - CSS-trucs

Zie de twee commentaarregels hieronder, dat is waar u code kunt invoegen voor dingen die u moet doen wanneer de gebruiker inactief is en wanneer de gebruiker terugkomt. Stel de inactieve periode in op de derde regel, 1000 = 1 seconde.

idleTimer = null; idleState = false; idleWait = 2000; (function ($) ( $(document).ready(function () ( $('*').bind('mousemove keydown scroll', function () ( clearTimeout(idleTimer); if (idleState == true) ( // Reactivated event $("body").append("
Welcome Back.
"); ) idleState = false; idleTimer = setTimeout(function () ( // Idle Event $("body").append("
You've been idle for " + idleWait/1000 + " seconds.
"); idleState = true; ), idleWait); )); $("body").trigger("mousemove"); )); )) (jQuery)

Dit werkt door een setTimeout-functie te gebruiken om aan het einde van de opgegeven seconden te vuren. Als er in die tijd eigenlijk iets gebeurt (de muis beweegt, de pagina wordt gescrolld of er wordt een toets ingedrukt), wordt de time-outperiode gereset.