Jquery 如果在2分钟内空闲，请重新加载页面

我使用的是idle-timer.js，它可以正常工作，但不是我想要的功能： 我只有一个html页面，包含三个部分：#首页、#历史和#项目。每个部分都是全屏的，我通过给它们“display:none；”在它们之间切换或“显示：块；”

我只想在#history或#items空闲时重新加载页面，而不想在#front空闲时重新加载页面

我尝试了不同的解决方案，比如：

$.idleTimer(120000);


$(document).bind("idle.idleTimer", function() {
    if ($(‘#items’).css(‘display’) === ‘block’ || (‘#history’).css(‘display’) === ‘block’)) {
        location.reload();
    }   
});

---

我该怎么做

试试看，如果管用就告诉我

var timer = 0 ;

$(document).on("mousemove",function()
{
    timer = 0;
});

setInterval(function()
{
     if(timer >= 120000)
        location.reload();
     else
        timer +=1000;

     if(!$("#history").is(":visible") && !$("#items").is(":visible"))
        timer=0;
},1000);

您的引号错误（反勾选），并且在

#history

选择器中缺少

$

字符：

if ($('#items').is(':visible') || $('#history').is(':visible')) {
    location.reload();
}  

---

可能重复的内容不会解决OPs问题，不会检查用户当前所在的页面。此外，OP使用的是`（反勾号）而不是引号。我建议您使用

is（“：visible”）

检查元素是否可见，

display

可以有不同的值（例如

inline

），但不总是

block

谢谢！工作完美：）