javascript - 如果用户访问目录中的 n 个页面，则打开弹出窗口

Question

我在网站上有很多食谱，它们位于食谱目录中，例如:

./recipes/muffin
./recipes/cake
./recipes/bread

我已经有了一些计算 session 的代码。当用户打开包含第三个菜谱的页面时，如何触发？我也需要在此操作中打开弹出窗口。

// Open it once per session, after some time, show overlay & disable scroll in desktop & mobile devices
if (!sessionStorage.alreadyClicked) {
    setTimeout(function () {
        $('.newsletter_popup').show();
    }, 1000);
    sessionStorage.alreadyClicked = 1;
}

Answer 1

在访问的每个食谱页面上，您都可以增加一个计数器:

sessionStorage.recipesViewed = (sessionStorage.recipesViewed || 0) + 1;

然后您可以检查该值以查看这是否是本次 session 中查看的第三个食谱:

if (!sessionStorage.alreadyClicked || sessionStorage.recipesViewed == 3) {
  setTimeout(function () {
    $('.newsletter_popup').show();
  }, 1000);
  sessionStorage.alreadyClicked = 1;
}

如果您需要单独计算每个食谱(这样刷新同一页面 3 次就不会出现弹出窗口)您需要通过将页面的 URL 与查看计数器一起存储来使逻辑更复杂一些并保持唯一的总数。