आग घटना जब उपयोगकर्ता निष्क्रिय है - सीएसएस-ट्रिक्स

नीचे दो टिप्पणी की गई पंक्तियों को देखें, वह वह जगह है जहाँ आप उपयोगकर्ता के निष्क्रिय होने पर चीजों के लिए कोड डाल सकते हैं, और जब उपयोगकर्ता वापस आता है। तीसरी पंक्ति, 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)

यह निर्दिष्ट सेकंड के अंत में आग लगाने के लिए एक सेटटाइमआउट फ़ंक्शन का उपयोग करके काम करता है। यदि मूल रूप से उस दौरान कुछ भी होता है (माउस चलता है, तो पृष्ठ स्क्रॉल किया जाता है, या एक कुंजी दबाया जाता है) टाइमआउट अवधि रीसेट हो जाती है।