javascript - clearInterval()没有起作用

Question

var i = 0;
var count = null;

$('#user').keypress(function(event){
  var k = event.keyCode;
  if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96)){
    count = setInterval(function(){
      i++;
      console.log("keydown-"+i);
    },500);  
  }else if(k == 13){
    clearInterval(count);
    alert('总共用时-'+i);
  }else{
    return false;
  }
})
    

关掉alert后，控制台的时间一直在不停的跑，为什么clearInterval没有起作用

id="user"是个输入框

Answer 1

如果你只输入一个数字，然后直接按回车，这个interval就会被取消
如果你输入了两次就不会被取消，因为输入两次就有两个intervalId被赋值给了count，然后第二个覆盖了前一个，等于是说你只取消了最后一个

我在codepen上给你改了改，你看看是不是符合你的需求

Answer 2

谢邀~

因为你每次keypress的时候都生成一个计时器(setInterval), 虽然count 赋值给了一个最新的, 当回车的时候, 把最新的count给清除了, 但是还有$('#user').val().length - 1个计时器没有清除.

Answer 3

在第一个if里面，判断count是否已经有了，如果有了，就不要再重新生成一个setInterval