Bagaimanakah Saya Boleh Mengesan Masa Terbiar Pengguna dalam JavaScript?

Mengesan Masa Terbiar dalam JavaScript

Pengenalan:

Dalam pembangunan web, memahami aktiviti pengguna adalah penting untuk mengoptimumkan prestasi dan menyediakan pengalaman pengguna yang lebih baik. Mengesan masa terbiar, yang ditakrifkan sebagai tempoh tidak aktif atau penggunaan CPU yang rendah, boleh membantu anda mencetuskan tindakan seperti pramuat kandungan atau pengesahan pengguna.

Pelaksanaan JavaScript:

Untuk mengesan masa terbiar dalam JavaScript, anda boleh menggunakan pendekatan JavaScript vanila berikut:

Kod Coretan:

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
    }
};

Penggunaan:

Untuk memulakan pengesanan masa melahu, panggil fungsi inactivityTime() selepas halaman mempunyai dimuatkan:

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

Penyesuaian:

Anda boleh menambah lebih banyak acara DOM untuk memantau aktiviti pengguna. Antara acara yang paling biasa digunakan ialah:

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

Untuk penyesuaian yang lebih baik, anda boleh menggunakan tatasusunan untuk mendaftarkan berbilang acara:

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

Dengan menyesuaikan acara yang anda pantau, anda boleh menyesuaikan pengesanan masa terbiar agar sesuai dengan keperluan aplikasi khusus anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Masa Terbiar Pengguna dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!