javascript - 不断调用的函数中的setTimeout

Question

我有一个当用户用鼠标拖动时调用的函数。该函数的作用并不相关，但它被称为 loadTiles();

我想要的是在用户拖动期间每 1000 毫秒调用一次该函数。但是，如果我执行以下操作，setTimeout 将在整个拖动过程中不断启动:

window.ontouchmove = function(){
  setTimeout(function(){ loadTiles(); },1000);
};

有没有办法让 setTimeout 实际上不间断地倒计时 1000 毫秒，并像 setInterval 一样不断重置以再次计数？

Answer 1

您可以设置一个 bool 变量来查看它是否已运行。

var isrun=false;
window.ontouchmove = function(){
if(isrun==false){
isrun=true;
setTimeout(function(){ loadTiles(); },1000);
}
};

然后在你的 loadTiles 函数中将 isrun 最后设置回 false