javascript - 如果用户处于非事件状态，则运行 jQuery 超时函数

Question

我有一个 jQuery 超时脚本，它会在 30 分钟后运行，但是，它一直在运行，我只希望它在用户在这段时间内处于非事件状态时运行。我该怎么做？

$(function(){
    var timeout = 30000;

    $(document).on("mousemove", function(){
        clearTimeout(timeout);
    })
    setTimeout(function(){
        $.post("../php/logout.php", {}, function(response){
            if(response.success == "1"){
                location.replace("../pages/timed_out.php");
            }
        }, "json");
    }, timeout);
})

Answer 1

您应该通过在 clearTimeout 中使用超时 ID(可以作为 setTimeout 函数结果获得)清除超时并再次设置超时来重置超时:

$(function()
{
    var timeout = 30000;
    var timer = 0;

    setTimer();

    $(document).on("mousemove", function()
    {
        clearTimeout(timer);
        setTimer();
    });

    function setTimer()
    {
        timer = setTimeout(function()
        {
            $.post("../php/logout.php", {}, function(response)
            {
                if (response.success == "1")
                {
                    location.replace("../pages/timed_out.php");
                }
            }, "json");
        }, timeout);
    }
});