javascript:如何通过单击按钮退出循环

Question

我进行了一些搜索，但我什至不确定我想做的是否是良好的 JavaScript 实践。我有一个 while 循环，如果单击停止按钮，我想提前退出。

$( "#go" ).click(function() {
  var gotime = 1;
  while (gotime < 100) {
    for(i = 0; i < 2; i++){
      var divName = "floatName" + i;
      console.log(divName);
      $( "#" + divName ).animate({
        left: Math.random()*500 + "px",
        top: Math.random()*500 + "px"
      }, 500, function() {
        // Animation complete.
      });
    };

    gotime += 1;

    $( "stop" ).click(function() {
      gotime = 101;
    });
    };
});

虽然这不起作用。我最初有一个无限循环(不增加 gotime)。

http://jsfiddle.net/cvoxe465/

Answer 1

实际上，如果您等待一段时间，它就会停止。问题是您经常执行动画并且 $.animate 必须对其进行排队。有 $.stop允许您停止当前正在运行的动画的方法。 DEMO

$( "#stop" ).click(function() {
  gotime = 101;
  $('#floatName0, #floatName1').stop(true, true);
});

编辑:

请注意，您提供的代码中存在错误。相反，$("stop") 您需要使用 $("#stop")。