Question

我需要帮助延迟5秒钟后将弹出窗口显示在页面上的时间。这是我使用的代码。我对Jquery还是很陌生，所以可以做任何帮助。谢谢！

/*$(window).load(function(){
    	$("#popup-delay").modal('show');
    
    });*/
$(document).ready(function() {
  if ($.cookie("popup_1_2") == null) {
    setTimeout(delay, 10000);
    $("#popup-delay").modal('show');
    $.cookie('popup_1_2', '2');

  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div aria-hidden="true" aria-labelledby="popup" class="modal fade" id="popup-delay" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body text-center">
        <div class="close-btn">
          <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button></div>
        <div class="content">
          <div class="row">
            <div class="col-md-12">
              <h2>
                This is a test</h2>
              <button aria-label="Close" class="close-btn mini-new-buttons" data-dismiss="modal" type="button" value="No Thanks">No Thanks</button></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

^{setTimeout(function[, delay]); WindowOrWorkerGlobalScope mixin的setTimeout（）方法（和Window.setTimeout（）的后继方法）设置一个计时器，一旦计时器到期，该计时器将执行功能或指定的代码段。 [功能] 是必需的。
将要执行的功能... [延迟] 可选。号码
执行代码之前需要等待的毫秒数。如果省略，则
使用值0}

要检查窗口负载或文档是否准备就绪，可以使用

// Pure Javascript
window.onload = function(){
    // code here
}

OR

// JQuery
$(document).ready(function(){
   // code here
});

以上所述，则您的代码应为

$(document).ready(function(){
    if($.cookie("popup_1_2") == null){
       setTimeout(function(){
           $("#popup-delay").modal('show');
           $.cookie('popup_1_2','2');
       }, 5000); // 5000 is a 5 seconds
    }
});

setTimeout延迟弹出窗口显示

1 个答案: