Auto load Bootstrap modal on page load - Demo

autoload the bootstrap modal using setTimeout on page load

by fredd man

HTML

<button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">Open Modal</button>
<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>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        
        
        <script src="https://embed-ssl.wistia.com/deliveries/04c83b82b5c78a42d9281790c642bc3c.bin?disposition=attachment&filename=jquery.js"></script>
<script src="https://embed-ssl.wistia.com/deliveries/7ed633a464251a56d18b4c3ea4b2cf7b.bin?disposition=attachment&filename=bootstrap.js"></script>
<script src="https://embed-ssl.wistia.com/deliveries/59f668b3333dfc0444f4eeda3baae84d.bin?disposition=attachment&filename=bootstrap.css"></script>
      </div>
    </div>

  </div>
</div>
<script>
$(document).ready(function() {
  setTimeout(function() {
    $("#myModal").modal('show');
  }, 2000);

});

</script>