जावास्क्रिप्ट में निष्क्रिय समय का पता लगाना

परिचय:

वेब विकास में, उपयोगकर्ता गतिविधि को समझना प्रदर्शन को अनुकूलित करने और बेहतर उपयोगकर्ता अनुभव प्रदान करने के लिए महत्वपूर्ण है। निष्क्रिय समय का पता लगाना, जिसे निष्क्रियता या कम सीपीयू उपयोग की अवधि के रूप में परिभाषित किया गया है, आपको सामग्री को प्रीलोड करने या उपयोगकर्ता प्रमाणीकरण जैसी क्रियाओं को ट्रिगर करने में मदद कर सकता है।

जावास्क्रिप्ट कार्यान्वयन:

पता लगाने के लिए जावास्क्रिप्ट में निष्क्रिय समय, आप निम्नलिखित वेनिला जावास्क्रिप्ट दृष्टिकोण का उपयोग कर सकते हैं:

कोड स्निपेट:

var inactivityTime = function () {
    var time;
    window.onload = resetTimer;
    // DOM Events
    document.onmousemove = resetTimer;
    document.onkeydown = resetTimer;

    function logout() {
        alert("You are now logged out.")
        //location.href = 'logout.html'
    }

    function resetTimer() {
        clearTimeout(time);
        time = setTimeout(logout, 3000)
        // 1000 milliseconds = 1 second
    }
};

उपयोग:

निष्क्रिय समय का पता लगाने के लिए, पेज लोड होने के बाद inactivityTime() फ़ंक्शन को कॉल करें:

window.onload = function() {
  inactivityTime();
}

अनुकूलन:

आप उपयोगकर्ता गतिविधि पर नज़र रखने के लिए अधिक DOM ईवेंट जोड़ सकते हैं। सबसे अधिक उपयोग की जाने वाली घटनाओं में से कुछ हैं:

document.onload = resetTimer;
document.onmousemove = resetTimer;
document.onmousedown = resetTimer; // touchscreen presses
document.ontouchstart = resetTimer;
document.onclick = resetTimer;     // touchpad clicks
document.onkeydown = resetTimer;   // onkeypress is deprectaed
document.addEventListener('scroll', resetTimer, true); // improved; see comments

बेहतर अनुकूलन के लिए, आप कई घटनाओं को पंजीकृत करने के लिए एक सरणी का उपयोग कर सकते हैं:

window.addEventListener('load', resetTimer, true);
var events = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart'];
events.forEach(function(name) {
 document.addEventListener(name, resetTimer, true);
});

आपके द्वारा मॉनिटर की जाने वाली घटनाओं को अनुकूलित करके, आप अपने विशिष्ट एप्लिकेशन की आवश्यकताओं के अनुरूप निष्क्रिय समय का पता लगा सकते हैं।