Kebakaran Saat Pengguna Idle - Trik CSS

Lihat dua baris komentar di bawah ini, di situlah Anda dapat memasukkan kode untuk hal-hal yang harus dilakukan saat pengguna menganggur, dan saat pengguna kembali. Atur periode idle pada baris ketiga, 1000 = 1 detik.

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)

Ini bekerja dengan menggunakan fungsi setTimeout untuk diaktifkan di akhir detik yang ditentukan. Jika pada dasarnya sesuatu terjadi selama waktu itu (mouse bergerak, halaman digulir, atau tombol ditekan) periode batas waktu disetel ulang.