Eveniment de incendiu când utilizatorul este inactiv - CSS-Tricks

Anonim

Vedeți cele două rânduri comentate de mai jos, de unde puteți insera cod pentru lucrurile de făcut atunci când utilizatorul rămâne inactiv și când utilizatorul revine. Setați perioada de repaus pe a treia linie, 1000 = 1 secundă.

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)

Acest lucru funcționează utilizând o funcție setTimeout pentru a declanșa la sfârșitul secundelor specificate. Dacă practic se întâmplă ceva în timpul respectiv (mouse-ul se mișcă, pagina este derulată sau este apăsată o tastă), perioada de expirare este resetată.