Javascript会话超时进度栏中的倒计时

时间:2012-07-18 17:58:38

标签: javascript jsp

我需要你的帮助来获取相应的代码,以便在进度条或屏幕的任何部分显示会话超时的倒计时。

但是,应包括这些行动:

第一次警报:“你的会话到期前有5分钟” 单击此处继续您的会话。 要么 点击此处注销

如果5分钟内没有动作,则更改页面以显示“您的会话已过期”,并将重定向到logout.jsp。

我试图找到好的例子,但我找不到任何人。

任何人都可以帮助解决这个问题。

1 个答案:

答案 0 :(得分:5)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
    var timeoutHandle = null;
    function startTimer(timeoutCount) {
        if (timeoutCount == 0) {
            window.location.href = 'logout.jsp';
        } else if (timeoutCount < 3) {
            document.getElementById('sessionTimer').innerHTML = 'You have ' + (timeoutCount * 3000)/1000 + 'seconds until timeout' ;
        }
        timeoutHandle = setTimeout(function () { startTimer(timeoutCount-1);}, '3000');
    }
    function refreshTimer() {
        killTimer(timeoutHandle);
        startTimer(3);
    }
  </script>
 </head>

 <body onload="startTimer(3)">
  <div id="sessionTimer"></div>
 </body>
</html>