Javascript 简单间隔不清除

我正在构建一个带有以下提示的游戏程序：

“修改挑战#3，使玩家每次点击标题时，标题都会加速，而不是停止，从而使点击变得越来越困难。跟踪标题被单击的次数，并更新标题文本，使其显示此数字。当播放器达到10次点击时，停止动画并将标题文本更改为“You Win”。提示：要加快速度，您必须取消当前间隔，然后以更短的间隔时间开始新的间隔

这是点击事件本身。我把所有东西都记下来了，除了当点击次数超过10次时文本不会停止。我还链接了我的jfiddle

$("#heading").click(function() {
       clearInterval(move);
       if (clicks < 10)
       {
            var move = setInterval(moveHeading, speed -= 2);
            $("#heading").html(clicks + " Clicks!");
            clicks++;
       } 
       else 
       {
            $("#heading").html("You won!");
            $("#heading").css("color","red");
            clearInterval(move);
       }
 });

$（“#标题”）。单击（函数（）{
清除间隔（移动）；
如果（单击次数<10次）
{
var move=设定间隔（移动航向，速度-=2）；
$（“#标题”）.html（点击+点击！）；
点击++；
} 
其他的
{
$（“#heading”）.html（“你赢了！”）；
$（“标题”）.css（“颜色”、“红色”）；
清除间隔（移动）；
}
});

---

将变量声明为

move

外部而不是内部处理程序函数

var move;
$("#heading").click(function() {
  clearInterval(move);
  if (clicks < 10) {
    move = setInterval(moveHeading, speed -= 2);
    $("#heading").html(clicks + " Clicks!");
    clicks++;
  } else {
    $("#heading").html("You won!");
    $("#heading").css("color", "red");
    clearInterval(move);
  }
});

var移动；
$（“#标题”）。单击（函数（）{
清除间隔（移动）；
如果（单击次数<10次）{
移动=设定间隔（移动航向，速度-=2）；
$（“#标题”）.html（点击+点击！）；
点击++；
}否则{
$（“#heading”）.html（“你赢了！”）；
$（“标题”）.css（“颜色”、“红色”）；
清除间隔（移动）；
}
});

每次单击时，都会在

move

中用一个新的间隔关闭间隔…因此有许多intervalsdeclare变量

move

在外部，而不是内部处理程序函数