求助：PopUnder在Cookie已设置时仍触发，需实现每1小时触发一次

嘿，作为JavaScript新手遇到Cookie相关的问题太正常了，我来帮你一步步搞定这个PopUnder的触发控制难题！核心问题就是你的脚本没正确识别已设置的Cookie，同时我们要通过Cookie的有效期来实现每1小时仅触发一次的逻辑。

下面是一套新手友好的完整解决方案，包含代码和详细解释：

第一步：封装Cookie操作工具函数 #

直接写Cookie很容易踩坑（比如路径、有效期格式错误），先封装两个简单函数专门处理Cookie的读和写：

// 读取指定名称的Cookie值
function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

// 设置Cookie，支持自定义有效期（小时）、路径、域
function setCookie(name, value, hours = 1, path = '/', domain = '') {
  const date = new Date();
  date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); // 把小时转换为毫秒
  const expires = `expires=${date.toUTCString()}`;
  const domainStr = domain ? `domain=${domain};` : '';
  document.cookie = `${name}=${value}; ${expires}; ${domainStr}path=${path}; SameSite=Lax`;
}

第二步：编写触发判断与执行逻辑 #

接下来我们要实现：检查Cookie是否有效→有效则跳过，无效则触发PopUnder并设置新Cookie：

// 自定义配置：Cookie名称和触发间隔（小时）
const POPUNDER_COOKIE_NAME = 'popunder_triggered';
const TRIGGER_INTERVAL_HOURS = 1;

// 判断是否允许触发PopUnder
function shouldTriggerPopUnder() {
  const lastTriggered = getCookie(POPUNDER_COOKIE_NAME);
  // 如果Cookie不存在，说明从未触发过/已过期，允许触发
  if (!lastTriggered) return true;
  // 能读到Cookie说明还在有效期内，不允许触发
  return false;
}

// 执行PopUnder触发逻辑（替换成你原本的代码即可）
function triggerPopUnder() {
  // 这里是你的PopUnder核心代码示例
  const popUnderWindow = window.open('https://your-target-url.com', '_blank');
  if (popUnderWindow) {
    popUnderWindow.blur();
    window.focus();
  }
  
  // 触发后设置Cookie，标记已触发，有效期1小时
  setCookie(POPUNDER_COOKIE_NAME, 'true', TRIGGER_INTERVAL_HOURS);
}

// 绑定到用户交互事件（现代浏览器要求弹窗必须由用户主动操作触发）
document.addEventListener('click', function() {
  if (shouldTriggerPopUnder()) {
    triggerPopUnder();
  }
});

新手必看的关键细节 #

• Cookie路径与域：默认路径设为/，确保整个网站都能读取到这个Cookie；如果你的网站有子域名，可以补充domain参数，比如domain='your-site.com'。
• SameSite属性：添加SameSite=Lax是为了符合现代浏览器的Cookie安全规范，避免Cookie被第三方环境拦截。
• 用户交互要求：现在Chrome、Firefox等浏览器都禁止非用户触发的弹窗，所以必须把逻辑绑定到click、touchstart这类用户主动操作的事件上，否则弹窗会被浏览器拦截。
• 有效期计算：通过date.setTime把小时转换成毫秒，确保Cookie在1小时后自动失效，不用手动判断时间戳。

原有脚本的常见错误排查 #

你之前的脚本可能犯了这些新手错误：

• Cookie名称拼写不一致（比如设置时用popunder，读取时用popUnder）
• 未设置Cookie路径，导致不同页面读取不到同一个Cookie
• 有效期设置错误（比如把毫秒写成了秒，或者直接用了字符串格式）
• 读取Cookie时解析逻辑错误，导致判断失效

如果你的原有PopUnder代码比较复杂，直接把上面的Cookie判断逻辑嵌入替换掉原来的判断部分就行。

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