我如何才能停止工作，並確保標題在我單擊時而不是在單擊位置時停止

Question

如何使.stop使標題停在我單擊的位置。 並且由於動畫而無法移動。 僅使用javascript。 我需要將標題停在我單擊的位置，但我需要單擊該標題才能使其停止，因此我無法單擊任何位置，然后將標題移動到該位置，然后停止，當我單擊標題所在的位置時停止。

<!DOCTYPE html>
<html>

<head>
  <title>Interactive programming</title>
</head>

<body>
  <h1 id="heading" style="position:absolute;">Watch the moving heading!</h1>
  <script src="https://code.jquery.com/jquery-2.1.0.js"></script>
  <script>
    function move() {
      $("h1").animate({
          "left": "+=200px"
        }, "slow")
        .animate({
          "top": "+=200px"
        }, "slow")
        .animate({
          "left": "-=200px"
        }, "slow")
        .animate({
          "top": "-=200px"
        }, "slow", function() {
          setInterval(move(),300)
        });
    }
    setInterval(move(),300)
    //this should stop it
    $("h1").click(function() {
    $("h1").stop();
    })

  </script>

  </body>

</html>

Answer 1

“ setInterval”將繼續運行，因此即使調用“停止”，您也將在300毫秒后開始播放新動畫。

解決方案是將“ setInterval”分配給變量，然后可以調用“ clearInterval”。

          var interval = setInterval(move(),300);
    });
}
var setinterval = setInterval(move(),300);

現在您可以停止間隔：

$("h1").click(function() {
  clearInterval(interval);
  $('h1').stop();
}

我如何才能停止工作，並確保標題在我單擊時而不是在單擊位置時停止

問題描述

1 個解決方案

解決方案1
0 2016-03-22 13:47:38

我如何才能停止工作，並確保標題在我單擊時而不是在單擊位置時停止

問題描述

1 個解決方案

解決方案1 0 2016-03-22 13:47:38

解決方案1
0 2016-03-22 13:47:38