如何在jquery中停止动画?

时间:2017-05-26 00:57:37

标签: javascript jquery jquery-animate

我正在使用javascript制作游戏。我有一个滚动的背景。我试图在使用(#thingo).stop暂停游戏时停止动画。但它不起作用。

我用来制作动画的代码是:

  (function bgScroll() {
      $('#background').css('left', 0);
      $('#background').css('top', 0);
      $('#background').animate({backgroundPosition: '-=10'}, 20, bgScroll);
  })();

我正在使用它来试图阻止它,但它不起作用。

  $('#background').stop();

由于

1 个答案:

答案 0 :(得分:0)

您可以使用布尔标志来确定是否再次调用.css().animate()和相同的功能

  $('#background').data("stop", false);

  (function bgScroll() {
    if (!$("#background").data("stop")) {
      $('#background').css('left', 0);
      $('#background').css('top', 0);
      $('#background').animate({backgroundPosition: '-=10'}, 20, bgScroll)
    };
  })();

  $('#background').data("stop", true).stop();