在 X 时间不活动后显示警告并在 X+Y 时间后注销 javascript

Question

我已经看到了很多类似这个问题的答案。没有一个帮助我解决了这个问题。 问题- 我想在 5 分钟不活动后显示警告消息，如果用户在 5 分钟警告后仍然不活动，页面应自动重定向到 logoff.jsp。 我不想在这里使用 Jquery。它只能使用 Javascript 来完成。 救命！！

var IDLE_TIMEOUT = 15; //seconds
 var _idleSecondsCounter = 0;

 document.onkeypress = function() 
 {
    _idleSecondsCounter = 0;
 };
 document.onclick = function() 
 {
    _idleSecondsCounter = 0;
 };
 document.onmousemove = function()
 {
    _idleSecondsCounter = 0;
 };

 window.setInterval(CheckIdleTime, 1000);

 function CheckIdleTime() {
    _idleSecondsCounter++;
    var oPanel = document.getElementById("SecondsUntilExpire");
    if (oPanel)
        oPanel.innerHTML = (IDLE_TIMEOUT - _idleSecondsCounter) + "";
    if (_idleSecondsCounter >= IDLE_TIMEOUT) {
        var answer = confirm("It's been long time you are idle.\nPlease click OK to continue session.\nTo close this session click Cancel.");
        if (answer) 
        {
            //document.location.href = "logout.html";   
            _idleSecondsCounter=0;
        }
        else{
            //window.open('', '_self', ''); window.close();
            document.location.href = "logoff.jsp";
        }

    }
 }

Answer 1

啊，您不能以编程方式关闭 alert() 或 confirm() 或这些模式。如果你想这样做，你必须制作自己的盒子。

当您显示confirm() 时，您的 JS 执行将自动暂停。因此，您需要使用 HTML/CSS 创建自定义对话框。

function tempAlert(msg,duration)
{
    var el = document.createElement("div");
    el.setAttribute("style","position:absolute;top:40%;left:20%;background-color:white;");
    el.innerHTML = msg;
    setTimeout(function(){
        el.parentNode.removeChild(el);
        // 5 minutes over. sign off user
    },duration);
    document.body.appendChild(el);
}

tempAlert("We're signing you off in 5 minutes",5*60000);