Brannhendelse når brukeren er inaktiv - CSS-triks

Se de to kommenterte linjene nedenfor, det er der du kan sette inn kode for ting å gjøre når brukeren går inaktiv, og når brukeren kommer tilbake. Still tomgangsperioden på tredje linje, 1000 = 1 sekund.

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)

Dette fungerer ved å bruke en setTimeout-funksjon for å utløse på slutten av de angitte sekundene. Hvis det i utgangspunktet skjer noe i løpet av den tiden (musen beveger seg, siden rulles eller det trykkes på en tast) tilbakestilles tidsavbruddsperioden.