Evento di incendio quando l'utente è inattivo - Trucchi CSS

Vedere le due righe commentate di seguito, dove è possibile inserire il codice per le cose da fare quando l'utente va inattivo e quando l'utente torna. Impostare il periodo di inattività sulla terza riga, 1000 = 1 secondo.

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)

Funziona utilizzando una funzione setTimeout da attivare alla fine dei secondi specificati. Se in pratica accade qualcosa durante quel periodo (il mouse si sposta, la pagina viene fatta scorrere o viene premuto un tasto) il periodo di timeout viene ripristinato.