為什么clearInterval不起作用

Question

我無法讓clearInterval工作

$(document).ready(function(){
    $(document).keydown(function (e){
        var $timer = setInterval(function(){$("#Move").animate({marginTop:'+=10'}, 'fast');},1);
        if(e.keyCode == 40){ //DOWN
            $timer
        }
        if (e.keyCode == 38) { //UP
            clearInterval($timer);
        }
    })
});

Answer 1

如果你有：

$timer

當按下鍵40時，可能會將變量設置為null或undefined。

Answer 2

我不確定自己要做什么，但是代碼中至少有一個問題是您將計時器ID存儲在本地變量中，該值在下次keydown處理程序運行時將不會保留。 使用全局代替：

var $timer;
$(document).ready(function(){
    $(document).keydown(function (e){
        if(e.keyCode == 40){ //DOWN
            clearInterval($timer);
            $timer = setInterval(function(){$("#Move").animate({marginTop:'+=10'}, 'fast');},1);
        }
        if (e.keyCode == 38) { //UP
            clearInterval($timer);
        }
    })
});

Answer 3

問題在於“marginTop”。 將其更改為“ marginTop”：“ + = 10px”。 還將代碼移到$（document）.ready之外。 以下應該工作。

$(document).keydown(function(e){
  if(e.keyCode == 40){
      //console.log(2)
      $timer = setInterval(function(){
         $("#Move").animate({"marginTop":"+=10px"}, "fast")
      }, 1000);
  } 
  if(e.keyCode == 38){
    //console.log(3)
    clearInterval($timer);
  }
});