jquery - clearInterval 没有按预期工作

Question

我有以下代码用于使 div 嘎嘎作响。

我使用 clearInterval 来阻止嘎嘎声，但它似乎不起作用。

知道为什么吗？

squares = $('.' + square_class); 
var rattle; 

 rattle = setInterval(function() {
 squares.delay(2000).effect('shake', { times:4, distance: 5 }, 100);
 }, 2000);

clearInterval(rattle);

Answer 1

这就是我看到这个设置的方式。如果不是，请告诉我们

<script>
var rattle;

window.onload=function () {

  rattle = setInterval(
    function() {
      squares.delay(2000).effect('shake', { times:4, distance: 5 }, 100); 
    }, 
  2000);

  setTimeout(function() { clearInterval(rattle); },10000);
}
</script>

Answer 2

您的代码中有一些错误..您应该像这样修复它：

var rattle = setInterval(function(){
    squares.delay(2000).effect('shake', { times:4, distance: 5 }, 100);
}, 1500);

接着

clearInterval( rattle );

Answer 3

如果您希望实际动画效果停止而不经过它的全部持续时间，请使用 jQuerystop()方法

clearInterval(rattle);
squares.stop();

API 参考：http ://api.jquery.com/stop/