使用箭头键长时间按键后，clearInterval不工作

// 定义全局变量保存定时器ID
var timerId;

// 绑定键盘按下事件
document.addEventListener('keydown', function(event) {
  // 按下箭头键时触发
  if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
    // 清除之前的定时器
    clearInterval(timerId);
    
    // 启动新的定时器
    timerId = setInterval(function() {
      // 定时器逻辑
      console.log('定时器执行');
    }, 1000);
  }
});

// 绑定键盘松开事件
document.addEventListener('keyup', function(event) {
  // 松开箭头键时触发
  if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
    // 清除定时器
    clearInterval(timerId);
  }
});