Požiarna udalosť, keď je používateľ nečinný Triky CSS

Pozrite si dva riadky, ktoré sú uvedené nižšie, a to je miesto, kde môžete vložiť kód, ktorý vám umožní robiť, keď je používateľ nečinný a keď sa vráti. Nastavte periódu nečinnosti na tretí riadok, 1000 = 1 sekunda.

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)

Funguje to pomocou funkcie setTimeout, ktorá sa má spustiť na konci zadaných sekúnd. Ak sa za ten čas v podstate niečo stane (myš sa pohybuje, stránka sa posúva alebo sa stláča kláves), časový limit sa vynuluje.