Question

关于浏览器窗口关闭我有一点问题，

基本上，我有一个页面，我想在15分钟不活动后关闭。我alraeady设法制作一个计时器，在不活动10分钟后会提醒窗口。

我需要的是，在计时器结束时，会出现一个带有可见倒计时的弹出/警报，用户可以从这里继续他的会话或结束它。如果用户未单击“继续”或忽略弹出窗口5分钟，则弹出窗口和父窗口都将关闭。否则，如果用户按下继续，弹出窗口将关闭并刷新主页面（从而再次启动计时器）任何建议？这是我的代码：

    var idleTime = 0;
    var activeTime = 0;
    var warningFlag = 0;
    var loginTime = new Date();
    var logoutTime = loginTime;
    setInterval(function checkIdle() {
        idleTime += 1;
        activeTime += 1;
          if(idleTime > 10) {
            alert("You've been inactive for 10 \n minutes, are you still there ?\nYou logged in at " + loginTime);
            warningFlag=1;
        }
        if((idleTime > 15) && (warningFlag==1)) {
            alert("You've been logged out due to inactivity for 15 \n minutes? \nYou logged out at " + logoutTime);
            window.close();
        }
        window.onload = resetTimer;
        document.onmousemove = resetTimer;
        document.onkeypress = resetTimer;
    },1000);

    function resetTimer() {
         idleTime = 0;
    }

Answer 1

而不是警报窗口使用div来隐藏/显示隐藏/可见的可见性。该div应包含另一个容器div或span，用于显示倒计时时间。

Answer 2

您可以使用模态窗口，它们的行为类似于警报，方法是显示div并使页面的其余部分变黑。

你可以在这里看到一些很好的例子：

http://www.scriptiny.com/2011/03/javascript-modal-windows/

希望这有帮助。

Javascript：不活动后的警报通知，并在5分钟后退出

2 个答案: