Sự kiện cháy khi người dùng không hoạt động - Thủ thuật CSS

Xem hai dòng nhận xét bên dưới, đó là nơi bạn có thể chèn mã cho những việc cần làm khi người dùng không hoạt động và khi người dùng quay lại. Đặt khoảng thời gian nhàn rỗi trên dòng thứ ba, 1000 = 1 giây.

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)

Điều này hoạt động bằng cách sử dụng hàm setTimeout để kích hoạt vào cuối những giây được chỉ định. Nếu về cơ bản có bất kỳ điều gì xảy ra trong thời gian đó (chuột di chuyển, trang được cuộn hoặc nhấn phím) thì khoảng thời gian chờ sẽ được đặt lại.