Обновить страницу, если простаивать через 2 минуты

Question

Я использую idle-timer.js, и он отлично работает, но не с функцией, которую я хотел бы иметь: У меня есть только одна страница html с тремя разделами: #front, # история и #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

У вас есть неправильные кавычки (обратные одиночные кавычки), и отсутствует $ символ в селекторе #history:

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

Answer 2

попробовать и дайте мне знать, если он работает

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