jquery - 如何使弹出窗口每隔一定时间出现一次

Question

我有一个在我的网站上 10 秒内开始的弹出窗口，但如果我重新加载页面，它也会重新出现。

我想知道是否可以在网页内的用户活动会话中只出现一次

HTML：

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body text-center">
      <h3 class="text-center"  style="color:#434a4d">¡Canjea el <strong>cupón de regalo</strong> del <strong>95%</strong> de descuento<br> para tomar este curso en <strong>$ 9.99 usd!</strong><br><br>
        <a href="" target="_blank"><img src="https://ecommerce.tutorialesatualcance.com/vistas/img/plantilla/plantillaCupon.jpg" width="100%"></a>
       </h3>
       <a href="" target="_blank"><button class="btn btn-success btn-block btn-lg" style="padding:10px">CANJEAR CUPÓN</button></a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>

  </div>
</div>

查询：

setTimeout(function(){

 $("#myModal").modal();

},10000);

Answer 1

像这样在cookie中设置值：

document.cookie = "popupShown=true; max-age=86400"; // 86400: seconds in a day

然后检查您设置的 cookie 的值，如下所示：

  if (document.cookie.indexOf("popupShown=true") == -1) {
            document.cookie = "popupShown=true; max-age=86400"; // 86400: seconds in a day
                setTimeout(function(){
                   $("#myModal").modal();
                  },10000);
}

您可以document.ready在函数中或timeout函数中设置此代码。