Cách dừng thực thi hàm trong JavaScript?

Dùng clearTimeout() để hủy timer đã đặt bằng setTimeout(), từ đó dừng hàm lặp lại.

Ví dụ

<html>
  <head>
    <title>Phương thức clearTimeout() trong JavaScript</title>
    <script>
      var imgObj = null;
      var animate;
      function init() {
        imgObj = document.getElementById('myImage');
        imgObj.style.position = 'relative';
        imgObj.style.left = '0px';
      }
      function moveRight() {
        imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
        animate = setTimeout(moveRight, 20);
      }
      function stop() {
        clearTimeout(animate);
        imgObj.style.left = '0px';
      }
      window.onload = init;
    </script>
  </head>
  <body>
    <form>
      <img id="myImage" src="/images/html.gif" />
      <p>Click nút để điều khiển animation</p>
      <input type="button" value="Start" onclick="moveRight();" />
      <input type="button" value="Stop" onclick="stop();" />
    </form>
  </body>
</html>