Événement d'incendie lorsque l'utilisateur est inactif - Astuces CSS

Anonim

Voir les deux lignes commentées ci-dessous, c'est là que vous pouvez insérer du code pour les choses à faire lorsque l'utilisateur est inactif et lorsque l'utilisateur revient. Définissez la période d'inactivité sur la troisième ligne, 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)

Cela fonctionne en utilisant une fonction setTimeout pour se déclencher à la fin des secondes spécifiées. Si fondamentalement quelque chose se produit pendant ce temps (la souris bouge, la page défile ou une touche est enfoncée), le délai d'expiration est réinitialisé.