Javascript 使用sessionstorage功能在每个会话中显示一次模式

Javascript 使用sessionstorage功能在每个会话中显示一次模式,javascript,html,modal-dialog,Javascript,Html,Modal Dialog,我在一个页面上有一个模式,它使用javascript在页面加载后显示,但是,在刷新时,我希望这个模式不要重复,因为它可能有点麻烦 我做了一些研究,发现了一种使用sessionstorage的方法,但问题是我不知道如何将它合并到我的代码中。我的java很差 下面是我的模式html和Javascript代码的摘录 <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialo

我在一个页面上有一个模式,它使用javascript在页面加载后显示,但是,在刷新时,我希望这个模式不要重复,因为它可能有点麻烦

我做了一些研究,发现了一种使用sessionstorage的方法,但问题是我不知道如何将它合并到我的代码中。我的java很差

下面是我的模式html和Javascript代码的摘录

   <div id="myModal" class="modal fade" role="dialog">
      <div  class="modal-dialog">  
        <div class="modal-content">
          <div class="modal-body">
                <p class="text-left-side">
                    <b>Check out your order now </b><br><br>                                                                        
                 </p>
          </div>
       <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal"><b>Close<b></button>
        </div>
    </div>
</div>

现在查看您的订单

接近


$(窗口).load(函数(){
setTimeout(function(){$('#myModal').modal('show');},1400);
});
几乎没有错误

  • 使用
    $(document).ready()
    函数
  • 使用
    localStorage
    并设置标志。如果已设置,则不显示模式。仅在未设置时显示
  • 片段

    $(函数(){
    if(存储类型!=“未定义”){
    如果(!localStorage.getItem(“完成”)){
    setTimeout(函数(){
    $('myModal').modal('show');
    }, 1400);
    }
    setItem(“完成”,true);
    }
    });
    
    
    

    现在查看您的订单

    接近
    而且Java不是JavaScript。
    <!-- sCRIPT FOR THE PAGE LOAD MODAL -->
         <script type="text/javascript">
            $(window).load(function(){       
             setTimeout(function(){ $('#myModal').modal('show'); }, 1400);
             });
         </script>