Kejadian Kebakaran Semasa Pengguna Tidak Aktif - Trik CSS

Lihat dua baris komen di bawah, di sinilah anda boleh memasukkan kod untuk perkara yang harus dilakukan ketika pengguna tidak aktif, dan ketika pengguna kembali. Tetapkan tempoh siaga pada baris ketiga, 1000 = 1 saat.

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 berfungsi dengan menggunakan fungsi setTimeout untuk menyala pada akhir detik yang ditentukan. Sekiranya pada dasarnya sesuatu berlaku pada masa itu (tetikus bergerak, halaman ditatal, atau kekunci ditekan) jangka masa tamat semula.