JavaScript setInterval()执行异常：仅部分代码运行问题排查

核心问题点 #

1. alert阻塞代码执行
   代码里的window.alert(ID)和window.alert(Name)是阻塞式调用，弹出后必须手动点击确定才会继续执行后续代码。而setInterval会按定时重复触发，若alert未被关闭，后续定时器触发会和当前执行流程冲突，直接导致后续逻辑无法执行。

2. DOM元素获取的实时性陷阱
   getElementsByClassName返回的是实时HTMLCollection，当页面DOM因点击操作（比如刷新按钮、提交按钮）发生变化时，集合会自动更新。循环中用固定索引i获取元素，可能出现原元素已被移除、索引越界的情况，触发报错中断整个函数。

3. 同步代码未等待异步DOM更新
   点击按钮（如select_btn.click()、submit_but.click()）后，页面通常会有异步DOM更新（比如弹窗加载、表格刷新），但代码是同步执行的，后续获取元素（如accept_check、radio_button）时，这些元素可能还未生成，导致获取到null，调用getAttribute或click会直接报错，中断执行。

4. setInterval执行重叠
   如果单次函数执行时间超过设定的间隔（1000ms），setInterval会在当前函数未执行完时再次触发，多个函数实例同时操作DOM，导致逻辑混乱，部分步骤被跳过。

5. 未处理异常
   代码没有异常捕获机制，一旦某一步出现错误（比如元素不存在），整个函数会立即终止，后续代码完全无法执行。

修复步骤 #

1. 移除alert，改用console.log调试
   把window.alert(ID)和window.alert(Name)替换成console.log('ID:', ID, 'Name:', Name)，避免阻塞代码执行。

2. 将实时集合转为静态数组
   把getElementsByClassName获取的集合转为静态数组，避免DOM变化导致集合更新：

// 原代码
var table = document.getElementsByClassName("x-grid-item")
// 修改为
var table = Array.from(document.getElementsByClassName("x-grid-item"));
// 同理，其他集合也做转换
var rows = Array.from(document.getElementsByClassName("x-grid-row"));

3. 用setTimeout替代setInterval，避免执行重叠
   setInterval会无视函数执行时长重复触发，改用setTimeout在函数执行完成后再调度下一次执行：

function checkAndProcess() {
  if (!window.lev_script_on) {
    setTimeout(checkAndProcess, 1000);
    return;
  }

  // 原函数逻辑...

  // 执行完所有逻辑后，再调度下一次
  setTimeout(checkAndProcess, 1000);
}
// 启动定时
checkAndProcess();

4. 添加元素存在性检查
   在操作DOM元素前，先判断元素是否存在，避免报错中断：

// 示例：获取select_btn时
var select_btn = document.querySelector('.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-large');
if (!select_btn) {
  console.log('未找到选择按钮');
  return; // 或跳过当前循环
}
select_btn.click();

5. 添加异常捕获
   用try-catch包裹核心逻辑，即使某一步出错，也不会中断整个函数：

try {
  // 原循环及操作逻辑...
} catch (err) {
  console.error('处理出错:', err);
}

6. 等待DOM更新（可选）
   如果点击按钮后需要等待DOM更新，可以用setTimeout延迟获取元素，或监听DOM变化事件（如MutationObserver）：

// 示例：点击select_btn后等待元素加载
select_btn.click();
setTimeout(() => {
  var accept_check = document.querySelector('[class^="x-grid-cell x-grid-td x-grid-cell-pdSubmissionBudgetJobInfoColumnRadioAccept-"]');
  if (accept_check) {
    // 后续操作...
  }
}, 500); // 根据实际页面响应时间调整延迟

内容的提问来源于stack exchange，提问作者maxi_maxi