auto popup on page load

How to make an Auto Popup on load and close after some time using bootstrap
@author : Shubham Maurya,
Email id :

Hi all , Welcome to , Today we are going to discuss ,
How to make an Auto Popup on page load and close after some time

In this,we are going to use Bootstrap as front-end framework.


Auto Popup on page load

So, To start first make a file in notepad and save it as index.html and paste the below code.

<!DOCTYPE html>
<html lang="en">
  <title>Bootstrap Auto Popup on page load</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="">
  <script src=""></script>
  <script src=""></script>

  <!-- Modal -->
  <div class="modal fade" id="myModal1" role="dialog" style="z-index: 9999;">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-body">
        <h4><span>Dummy Heading</span></h4> 
          <small>Enter your dummy paragarh here</small>  
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

<!--popup script-->
 $( document ).ready(function(){
   setTimeout(function(){$('#myModal1').modal('show');}, 3000);
   setTimeout(function() {$('#myModal1').modal('hide');}, 10000);

Download the project from Github : Download

Comment Below, If any problem occurs.


Get More Bootstrap Code Here : Go Here

By jackmaurya121

Hi , My Name is Shubham Maurya and i am currently working as a Project Manager.

Leave a Reply