javascript - 在HTML中加载页面3秒后加载引导警报

Question

我想在HTML页面加载3秒后加载引导警报
below

 <div class="col-md-12 visible-xs " >
<div class="alert  alert-dismissible " style="position:fixed;color:white;padding:5px 0px;background:#413A3A;bottom:5%;width:90%;z-index:99999;align:center;" role="alert">
<div class="col-xs-10 "> 
 <p style="font-size:10.5px;align="right"">In order to give you best browsing experience, this website uses cookies. If you continue we assume that you accept our <a style="color:white;font-weight:600;" href="cookies_policy.php">cookies policy.</a>
</p>
</div>
<div class="col-xs-2 " style="padding-left:0px;">
 <button style="margin-left:0px;bottom: 50%;" type="button" class="btn btn-success " data-dismiss="alert" aria-label="Close">Agree</button>
</div>
</div>
</div>

Answer 1

您可以隐藏潜水并在3秒后通过jQuery显示它，如下所示：

$(document).ready(function () {
  $("#popupCookie").show(3000) ;
});

和您的html：

<div class="col-md-12 visible-xs" hidden id="popupCookie">
  <div class="alert  alert-dismissible "
    style="position:fixed;color:white;padding:5px 0px;background:#413A3A;bottom:5%;width:90%;z-index:99999;align:center;"
    role="alert">
    <div class="col-xs-10 ">
      <p style="font-size:10.5px;align=" right"">In order to give you best browsing experience, this website uses
        cookies. If you continue we assume that you accept our <a style="color:white;font-weight:600;"
          href="cookies_policy.php">cookies policy.</a>
      </p>
    </div>
    <div class="col-xs-2 " style="padding-left:0px;">
      <button style="margin-left:0px;bottom: 50%;" type="button" class="btn btn-success " data-dismiss="alert"
        aria-label="Close">Agree</button>
    </div>
  </div>
</div>