JavaScript记录鼠标最后一次点击页面

需求

最近做了一个项目，需要在网页中实现类似系统的待机动画那种效果，每隔 2 分钟页面没有任何操作就播放一个视频，所以需要记录鼠标的最后一次操作。

实现方法

针对这个需要，我的实现方法通过一个倒计时去模拟记录鼠标的最后一次点击，给 body 加一个 onclick 事件^{(或其他的 dom 节点)}，每次点击先清除倒计时，在执行这个倒计时，下边是倒计时部分代码，一共 4 个参数：

倒数时间：秒

计时期间需要做的事情

计时结束需要做的事情

倒计时的名字

function countDown (during, duringCallback, endCallback, timer) {
  during = +during;
  if (during> 0) {duringCallback(during);
    during--;
    window[timer] = setTimeout(() => {countDown(during, duringCallback, endCallback, timer);
    }, 1000)
  } else {clearTimeout(window[timer]);
    endCallback();}
}

一个简单示例

  
  
  
  
  


  
点击计数：
  
倒计时 5 秒 ==>：
  
我是待机动画
  

在线展示