Jasvascript：活動和5分多鐘

Question

後註銷後報警通知我有一個關於瀏覽器窗口關閉了一點問題，

基本上，我有我想要閒置15分鐘後關閉的頁面。我設法設定一個計時器，在閒置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/

希望這有助於。