如何判断页面距离最后一次点击时间间隔？

Question

有一个页面，需要判断无用户进行点击等操作5分钟后自行返回。
类似银行的ATM机，假如一个用户从主页点击进入其中的某个页面后。用户又走了，导致屏幕界面一直显示刚刚进入的这个页面，超过一定时间后系统自动返回到主界面。
请问用JS+HTML如何实现？

Answer 1

给document绑定点击事件，并记录最近一次点击的时间，然后开启一个setInterval定时器，每隔1秒去判断当前时间与最近一次点击的时间差是否大于等于5分钟就行了

var lastClickTime = 0;
var timer = setInterval(function (){
  if (new Date().getTime() - lastClickTime >= (5*60*60*1000)) {
    clearInterval(timer);
    alert('用户超过5分钟未活动');
  }
}, 1000);

document.addEventListener('click', function (){
  lastClickTime = new Date().getTime();
}, false);

Answer 2

var timer = null
document.addEventListener('click', () => {
    clearTimeout(timer);
    timer = setTimeout(() => {
        //todo: return home page
    }, 5*60*1000)
},true)

Answer 3

https://www.cnblogs.com/steam... 这篇应该可以帮你解决这个问题