javascript - 用于超时用户和显示灯箱警报警告的 jQuery 插件

Question

我正在寻找具有以下行为的 jQuery 插件: 1. 查找用户在 10 分钟内不活动的情况。 2. 10 分钟后显示警报或灯箱消息。我相信灯箱会更好。 3. 再过 5 分钟，执行一个操作。

    My javascript code is : 

            <script type="text/javascript">
    var idleTime = 0;
    var activeTime = 0;
    var warningFlag = 0;
    setInterval(function checkIdle() {
        idleTime += 1;
        activeTime += 1;
        //document.write(idleTime + ' ' + activeTime);
        if(idleTime > 5) {
            alert("Idle from last 5 seconds!! You have been active for last "+ activeTime);
            warningFlag=1;
        }
        if((idleTime > 10) && (warningFlag==1)) {
            alert("Idle from last 10 seconds!! You have been active for last "+ activeTime);
            window.location = "www.tinyprints.com";
        }
        window.onload = resetTimer;
        document.onmousemove = resetTimer;
        document.onkeypress = resetTimer;
    },1000);

    function resetTimer() {
         idleTime = 0;
    }

</script>
    But i was thinking to use a jQuery plugin.

Answer 1

这里有一个很好的 jQuery 插件: http://www.erichynds.com/jquery/creating-a-mint-com-style-idle-logout-timer-using-jquery/ 这可以让你完全做你想做的事。您可以通过更改 redirectAfter 参数轻松使其在 10 分钟后更改页面。