2012-07-18 47 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