Пожарно събитие, когато потребителят е в неактивност - CSS-трикове

Вижте двата коментирани реда по-долу, там можете да вмъкнете код за неща, които трябва да правите, когато потребителят остава на празен ход и когато потребителят се върне. Задайте периода на празен ход на третия ред, 1000 = 1 секунда.

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)

Това работи, като използва функцията setTimeout, за да се задейства в края на посочените секунди. Ако по същество нещо се случи през това време (мишката се движи, страницата се превърта или се натиска клавиш) периодът на изчакване се нулира.