2012-07-18 118 views
1

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

不过,这些行动应包括:

第一个警报:“你有5分钟,然后会话过期” 点击这里继续您的会话。 或 单击此处注销

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

我试图找到很好的例子,但我没有找到任何人。

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

+0

有趣的是,我刚刚查找“JavaScript会话超时”,发现了几个这样的链接:http://www.sidesofmarch.com/index.php/archive/2005/01/30/friendly -session-超时最JavaScript的方式。猜猜你没有努力。 – madth3 2012-07-18 18:06:04

+0

我需要详细的例子,因为我是这个领域的初学者 – user1080320 2012-07-18 18:30:41

回答

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> 
+0

感谢您的帮助,关于指向logout.jsp我应该在哪里放置代码? – user1080320 2012-07-18 18:27:55

+0

upvote would be nice – 2012-07-18 18:32:38

+0

不,对不起,我没有足够的经验。 – user1080320 2012-07-18 18:53:57