javascript - 如何在 mousemove 事件发生 1 分钟后运行函数？

Question

我想在最后一个 mousemove 事件之后运行一个函数。我已经尝试过下面的代码:

@HostListener('document:mousemove', ['event'])
   eventHandler(event) {
    setTimeout(() => {
     // do something
    }, 60000);
   }

问题是，它在第​​一个 mousemove 事件中触发，并且如果发生另一个事件则不会重置时间。如何在每次事件发生时重置它并启动setTimeout函数？

Answer 1

我不确定您使用的是哪个框架，但一般来说您需要存储计时器的 Id 并每次取消它并启动一个新的框架 - 记住捕获 Id。

var timerId = 0

document.addEventListener("mousemove",function(){
  clearTimeout(timerId);
  timerId = setTimeout(function(){
      console.log("5 seconds since last mouse move");
  },5000);
});