javascript - 如何在用户空闲时触发事件

Question

当用户在网站上闲置指定时间后，如何触发 JQuery 事件，并在鼠标移动、滚动或按键时重置计时器。

Answer 1

这通过使用 setTimeout 函数在指定秒数结束时触发来实现。如果在此期间基本上发生任何事情(鼠标移动、页面滚动或按下某个键)，超时期限将被重置。

在第三行设置空闲时间。

idleTimer = null;
idleState = false;
idleWait = 2000;

(function ($) {

    $(document).ready(function () {

        $('*').bind('mousemove keydown scroll', function () {

            clearTimeout(idleTimer);

            if (idleState == true) { 

                // Reactivated event
                $("body").append("<p>Welcome Back.</p>");            
            }

            idleState = false;

            idleTimer = setTimeout(function () { 

                // Idle Event
                $("body").append("<p>You've been idle for " + idleWait/1000 + " seconds.</p>");

                idleState = true; }, idleWait);
        });

        $("body").trigger("mousemove");

    });
}) (jQuery)