如何实现仅首次加载/每小时一次的按钮自动点击（无jQuery）

核心思路 #

利用浏览器的localStorage存储状态或时间戳，页面加载时读取这些数据，判断是否满足触发条件（首次访问/距离上次点击超过1小时），再执行点击操作。

场景1：仅首次访问页面时触发点击 #

window.onload = function() {
  const btn = document.getElementById("myBtn");
  // 检查localStorage里是否有已触发的标记
  const hasTriggered = localStorage.getItem("hasClickedBtn");
  
  if (btn && !hasTriggered) {
    btn.click();
    // 标记为已触发，后续页面加载不再执行
    localStorage.setItem("hasClickedBtn", "true");
  }
};

如果用户清除浏览器缓存或更换浏览器，标记会重置，下次访问会再次触发点击。

场景2：每小时自动点击一次 #

window.onload = function() {
  const btn = document.getElementById("myBtn");
  if (!btn) return; // 按钮不存在则直接退出
  
  const now = Date.now();
  // 获取上次点击的时间戳，首次访问默认0
  const lastClickTime = parseInt(localStorage.getItem("lastBtnClickTime")) || 0;
  const oneHour = 3600 * 1000; // 1小时对应的毫秒数
  
  // 判断距离上次点击是否超过1小时
  if (now - lastClickTime >= oneHour) {
    btn.click();
    // 更新存储的时间戳
    localStorage.setItem("lastBtnClickTime", now.toString());
  }
};

每次满足条件点击后，都会更新时间戳，确保后续只有间隔1小时以上才会再次触发。

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