javascript - 如果发生任何操作则重定向页面

Question

我正在尝试做一个信息亭应用程序。在此应用程序中，如果索引页面使用发布值 (index.html?location=5) 打开，但没有发布值的索引页面除外，并且 60 秒内发生任何操作(如鼠标悬停或键入)，则重定向到没有值的索引页面。我正在使用这段代码，但是..

function setIdle(cb, seconds) {
    var timer; 
    var interval = seconds * 1000;

    function refresh() {
        clearInterval(timer);
        timer = setTimeout(cb, interval);
    };

    $(document).on('keypress, click', refresh);

    $(document).on('mouseover', refresh);

    var parts = location.pathname.split('/');

    if(parts[parts.length - 1] != 'index.html') {
        location.href = 'index.html';
    }

    refresh();
}

setIdle(function() {
    location.href = './index.html';
}, 60);

当我运行此代码时，它正在刷新没有任何值的索引页面。我不知道我该怎么做？

我想做

if index.html?location = 5 等待任何鼠标或键盘操作 60 秒，然后返回 index.html

如果index.html不检查鼠标或键盘

Answer 1

setIdle() 仅被调用一次(当页面首次加载时)，这就是条件逻辑所在的位置。 refresh() 是实际执行重定向的内容，但这不在任何类型的 if 内，因此无论您在哪个页面，它每次都会被调用.

如果页面是index.html，为什么不完全忽略空闲函数？

function setIdle(cb, seconds) {
    var timer; 
    var interval = seconds * 1000;

    function refresh() {
        clearInterval(timer);
        timer = setTimeout(cb, interval);
    };

    $(document).on('keypress, click', refresh);
    $(document).on('mouseover', refresh);

    refresh();
}

var parts = location.pathname.split('/');

//If page is not index.html
if(parts[parts.length - 1] != 'index.html') {

    //initialize the "idle" functionality
    setIdle(function() {
        location.href = './index.html';
    }, 60);

}