javascript - 如何在 jQuery 中停止以下 setInterval()

Question

下面的代码将图像从屏幕顶部移动到底部。我希望此 setInterval() 函数停止一次 y==-100 但我不确定如何...

var image = $('.background');
var y = 0;
setInterval(function() {
  if (y == -100) {
    //don't know what to add here
  }
  image.css('background-position', '0 ' + y + 'px');
  y--;
}, 100);

我想我需要使用 clearInterval 但我不知道要返回什么。

Answer 1

您需要存储 setInterval 的返回值，然后您可以将其传递给 clearInterval。返回值是对时间间隔的不透明引用，因此您不应该将它用于任何其他用途。

var image = $('.background');
var y=0;
var interval = setInterval(function(){
  if(y == -100) {
      clearInterval(interval);
  }
  image.css('background-position', '0 ' + y + 'px');
  y--;
}, 100);