javascript - setTimeout 函数(如果用户未激活)

Question

我可以每 30 秒执行以下操作以重新加载页面，后端逻辑将确定哪个 session 已失效:

setInterval(function () {
    location.reload()
}, 30000);

但是，如果用户不活跃，我如何只运行这 30s location.reload()？例如，如果用户未在页面上处于事件状态(仅在用户处于“非事件”状态后才开始计数)，银行将如何进行用户超时。这将如何完成？

Answer 1

一种方法是跟踪鼠标移动。如果用户将焦点从页面上移开，或者失去兴趣，通常不会有鼠标事件:

(function() {
  var lastMove = Date.now();

  document.onmousemove = function() {
    lastMove = Date.now();
  }

  setInterval(function() {
    var diff = Date.now() - lastMove;
    if (diff > 1000) {
      console.log('Inactive for ' + diff + ' ms');
    }
  }, 1000);
}());