jquery - 清除间隔不起作用？

Question

我对这段代码有一些问题，当我单击开始按钮时，一切都按预期工作，但是当我想使用 clearInterval 停止动画时，它不起作用，只是继续循环...我做错了什么？

 var a = function() { 
     $("div").animate({height:300},"slow");
     $("div").animate({width:300},"slow");
     $("div").animate({height:100},"slow");
     $("div").animate({width:100},"slow");
 }

 $(document).ready(function(){
     $("start").click(function(){

         setInterval(a,1000);
     });

     $("stop").click(function(){
         clearInterval(a);

     });

 });

Answer 1

您应该将引用(从 setInterval 获得)传递给 clearInterval 方法来清除它。试试这个

var intervalId;
var a = function() { 
    $("div").animate({height:300},"slow");
    $("div").animate({width:300},"slow");
    $("div").animate({height:100},"slow");
    $("div").animate({width:100},"slow");
}

$(document).ready(function(){
    $("#start").click(function(){
        intervalId = setInterval(a,1000);
    });

    $("#stop").click(function(){
        clearInterval(intervalId);
    });

});