当然有！你现在的写法完全是硬编码每个列表项的操作，170个项的话肯定会写疯掉😅。我们可以用循环+函数封装的方式重构代码，让它不管多少个列表项都能轻松应对，而且维护起来也方便得多。

核心思路拆解 #

你的需求本质是：

• 按顺序遍历所有列表项，每个项执行「等待→点击项→等待→点击按钮」的流程
• 全部项处理完后，重复整个流程

基于这个逻辑，我们可以把固定的时间参数、元素获取、单个项的操作都封装起来，用循环自动生成每个项的任务。

优化后的代码 #

// 先把时间参数抽成常量，方便后续调整
const WAIT_BEFORE_ITEM_CLICK = 5000;   // 点击列表项前的等待时间
const WAIT_BEFORE_BTN_CLICK = 3000;     // 点击列表项后，等待多久点按钮
const PER_ITEM_TOTAL_TIME = WAIT_BEFORE_ITEM_CLICK + WAIT_BEFORE_BTN_CLICK; // 单个项的总耗时

// 封装处理所有列表项的函数
function handleAllListItems() {
  // 提前获取按钮元素，不用每次循环都查DOM
  const actionBtn = document.getElementById("ember331");
  // 获取所有列表项，转成数组方便遍历
  const listItems = Array.from(document.getElementsByClassName("ember-view"));

  // 遍历每个列表项，自动计算时间点
  listItems.forEach((item, index) => {
    // 计算当前项的点击时间：前面所有项的总耗时 + 点击前的等待
    const itemClickTimestamp = index * PER_ITEM_TOTAL_TIME + WAIT_BEFORE_ITEM_CLICK;
    // 计算按钮的点击时间：项点击时间 + 按钮前的等待
    const btnClickTimestamp = itemClickTimestamp + WAIT_BEFORE_BTN_CLICK;

    // 安排列表项的点击任务
    setTimeout(() => {
      item.scrollIntoView({ behavior: 'smooth' }); // 可选：平滑滚动，体验更好
      document.getElementById("ember104")?.scrollIntoView(); // 保留你原来的额外滚动，加?避免元素不存在报错
      item.click();
    }, itemClickTimestamp);

    // 安排按钮的点击任务
    setTimeout(() => {
      actionBtn.click();
    }, btnClickTimestamp);
  });
}

// 首次执行流程
handleAllListItems();
// 计算整个流程的总耗时，设置周期性重复
const totalFlowTime = document.getElementsByClassName("ember-view").length * PER_ITEM_TOTAL_TIME;
setInterval(handleAllListItems, totalFlowTime);

代码亮点说明 #

• 可维护性：所有时间参数都放在顶部，想调整只要改常量值就行，不用翻几百行代码
• 扩展性：不管列表项是7个还是170个，循环都会自动处理，不需要修改核心逻辑
• 鲁棒性：用Array.from处理HTMLCollection（避免遍历问题），用?.操作符防止元素不存在时报错
• 可读性：函数和变量名都清晰表达用途，别人看代码也能快速理解逻辑

额外注意事项 #

• 如果你的列表是动态加载的（比如滚动加载更多项），记得每次执行handleAllListItems时重新获取listItems，确保拿到最新的项
• 时间间隔可以根据页面实际响应速度调整，确保前一个操作完成后再执行下一个（比如网络慢的话可以适当延长等待时间）
• 可以加入简单的错误处理，比如判断actionBtn或listItems是否存在，避免空元素报错

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