Question

我正在使用idle-timer.js，它工作正常，但不是我想要的功能：我只有一个html页面，包含三个部分：＃front，#history和#items。每个部分都是全屏的，我通过给它们'display：none;'来切换它们。或'display：block;'。

我只想在#history或#items处于空闲状态时重新加载页面，如果#front处于空闲状态，我不希望页面重新加载。

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

$.idleTimer(120000);


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

我该怎么做？

Answer 1

尝试一下，让我知道它是否有效

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);

Answer 2

您的引号错误（反引号），并且遗漏了$选择器中的#history字符：

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

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

2 个答案: