Javascript set timeout function with example code

• SetTimeout() function in javascript

  <script>
      setTimeout(function(){ 
          console.log('hello'); 
      }, 3000);
  </script>
  

  This code snippet will display the content in the console log after the 3 seconds of page load.

• Call setTimeout() function onclick button

  <button onclick="setTimeout(myFunction, 3000);">Try it</button>
  <script>
      function myFunction() {
          alert('Hello');
      }
  </script>
  

  It will alert the message after the 3 seconds of page-load in the browser.

• SetTimeout() function with real example code

  <div class="alert alert-success">
      <strong>Success!</strong> Indicates a successful or positive action.
  </div>
  
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  
  <script type="text/javascript">
      setTimeout(function () {
      // Closing the alert
      $('.alert').alert('close');
  }, 3000);
  </script>
  

  Just copy/paste code in the body tag of the html page. It will remove/close the alert message after 3 seconds of loading the page content.

Back to code snippet queries related javascript