JavaScript setTimeout setInterval 在一个函数内

Question

我想我可能太累了，但我一生都无法理解这一点，我认为这是由于缺乏 javascript 知识

var itv=function(){
 return setInterval(function(){
  sys.puts('interval');
 }, 1000);
}
var tout=function(itv){
 return setTimeout(function(){
  sys.puts('timeout');
  clearInterval(itv);
 }, 5500);
}

通过这两个函数，我可以调用

a=tout(itv());

并让循环计时器运行 5.5 秒，然后本质上是退出。

---

按照我的逻辑，这应该可行，但

var dotime=function(){
 return setTimeout(function(){
  clearInterval(function(){
   return setInterval(function(){
    sys.puts("interval");
   }, 1000);
  });
 }, 5500);
}

对此事的任何见解都不会受到赞赏。

Answer 1

它无法工作，因为您的 setInterval 将在超时后被调用！您原来的方法是正确的，您仍然可以将其包装成单个函数：

var dotime=function(){
  var iv = setInterval(function(){
    sys.puts("interval");
  }, 1000);
  return setTimeout(function(){
    clearInterval(iv);
  }, 5500);
};

Answer 2

我认为您犯的错误是函数 itv 不返回 setInterval(function(){ sys.puts('interval'); }, 1000)它执行 setInterval(function(){ sys.puts('interval'); }, 1000) 然后返回 setInterval 生成的 ID。然后将该 ID 传递给 clearInterval 函数以停止 setInterval(function(){ sys.puts('interval'); }, 1000) 正在执行的操作。

编辑：一个可用函数的示例。

var dotime=function(){
 // Start our interval and save the id
 var intervalId = setInterval(function(){
  // This will get executed every interval
  sys.puts("interval");
 }, 1000);

 // Start our timout function
 setTimeout(function(){
  // This will get executed when the timeout happens
  clearInterval(intervalId); // Stop the interval from happening anymore
 }, 5500);
}

Answer 3

这是编写版本的另一种方式，您会看到您将一个函数传递给clearInterval，您应该在其中传递一个计时器id。

var dotime=function(){
 var g=function(){
  var f=function(){
   return setInterval(function(){
    sys.puts("interval");
   }, 1000);
  }
  clearInterval(f);
 }
 return setTimeout(g, 5500);
}

为了使它工作，你应该调用该函数：

  clearInterval(f());

或者，使用你的版本：

var dotime=function(){
 return setTimeout(function(){
  clearInterval(function(){
   return setInterval(function(){
    sys.puts("interval");
   }, 1000);
  }());
 }, 5500);
}

免责声明：我没有测试这个。