javascript 上的 localStorage 带来刷新

我试图在空闲时关闭用户，在选项卡之间使用 javascript，下面的代码对于单个选项卡工作正常，对于多个选项卡它无法正常工作

例如：我设置了 10 秒作为空闲时间，并离开了第一个选项卡，它会在 10 秒内将用户抛出，假设我在以下位置打开了第一个选项卡00:00:05小时并打开第二个选项卡00:00:10小时并在第二个选项卡上工作00:00:13小时并留下项目必须注销的两个选项卡00:00:23正确的？但它注销了00:00:15，我不知道这里发生了什么，如果它没有正确刷新，当我使用它时它怎么会长时间停留在第二个选项卡上？如果刷新正确，它如何根据第一个打开的选项卡将我注销，代码如下。

<script>
var IDLE_TIMEOUT = 10; //seconds
localStorage.setItem("setTimeOut", "0");

document.onclick = function () {    
    localStorage.setItem("setTimeOut", "0");
};

document.onmousemove = function () {   
    localStorage.setItem("setTimeOut", "0");
};

document.onkeypress = function () {  
    localStorage.setItem("setTimeOut", "0");
};

document.onfocus = function () {  
    localStorage.setItem("setTimeOut", "0");
};


window.setInterval(CheckIdleTime, 1000);
function CheckIdleTime() {  
    localStorage.setItem("setTimeOut", parseInt(localStorage.getItem("setTimeOut"))+1);
    if (localStorage.getItem("setTimeOut") >= IDLE_TIMEOUT) {
        alert('Times up!, You are idle for about 15 minutes, Please login to continue');
        document.location.href = "logout.php";
    }
}
</script>

不要在每个选项卡上每秒增加该值，这意味着每秒都会随着打开的选项卡数量而不是 1 秒而增加，只需设置交互的当前时间，然后每秒进行比较。

因此，在您的事件处理程序中，请执行以下操作：

localStorage.setItem("lastInteraction", Date.now())

...然后在你的CheckIdleTime()功能，删除localStorage.setItem()并改变你的if对此的条件：

Number(localStorage.getItem("lastInteraction")) + (IDLE_TIMEOUT * 1000) < Date.now()

该条件获取最后一次交互发生的时间，添加超时常量，然后检查当前时间（现在）是否已经超过该值。