javascript - clearInterval()没有起作用

问题描述

问 题

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"是个输入框

解决方案

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

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

这篇关于javascript - clearInterval()没有起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！