Question

当用户点击我网站的任何位置时，我想显示一个信息框。它工作得很好，但信息框应该只在24小时内显示一次。所以我需要设置一个cookie，但不幸的是我无法弄清楚如何。

<script>    
    document.onclick = function (event) {
        alert("Some info box");
    };    
</script

Answer 1

您可以使用document.cookie。这是一篇关于它的文章：https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie 出于您的目的，您需要以下内容：

<script>


  document.onclick= function(event) {

  // Check if the cookie is set
  if (document.cookie.indexOf("alert=true") == -1) {
      alert("Some info box");
      // Set a cookie to indicate the alert has been displayed.
      // Expiration time is 60 seconds * 60 minutes * 24 hours
      document.cookie = "alert=true; max-age=" + 60 * 60 * 24;
  }


    };
  </script>

Answer 2

你有几件事要做。

首先，使用document.cookie设置一个cookie，其中包含从现在起24小时的时间戳。这应该在用户第一次点击网页时完成。您可以在此时显示信息框。
然后，对于之后的每次点击，您应该检查时间now是否超过了cookie的值（这意味着只需检查自设置cookie后24小时是否已经消失。
仅在超出时，显示信息框并将Cookie值从now更新为24小时。

我创造了一个小提琴来展示它HERE

用户在24小时内仅点击一次时显示信息框

2 个答案: