javascript - 运行时在其自己的函数内清除超时

Question

我正在尝试调用一个函数，该函数在函数运行时清除超时(以停止动画循环)。这就是我目前正在尝试的:

function gameStop(){
  clearTimeout(gameLoop);
}

function gameLoop() {
  $('h1').show("slow")
           .animate({"marginLeft":"300px"},4000)
            .animate({"marginLeft":"0px"},4000);
 $('h1').click(function(){
   gameStop();
 });
 gameLoop();
}

 setTimeout(gameLoop, 4000);

 gameLoop();

Answer 1

哇，说实话，这看起来很困惑。首先，您不想在每个游戏循环中添加点击事件，因此请将其放在游戏循环之外的某个位置。第二:清除超时不起作用。一般来说，具有相同名称的 nasting 函数非常糟糕......

尝试这样的事情(不知道代码是否有效或者你的循环是否有意义，但这实际上是我认为你想要的)。

var timeOut = null;  

$('h1').click(function(){
clearTimeout(timeOut);
});

function gameLoop(){
$('h1').show("slow")
    .animate({"marginLeft":"300px"},4000)
    .animate({"marginLeft":"0px"},4000);
};
timeOut = setTimeout(gameLoop, 4000);