
Javascript set timeout function with example code
Javascript set timeout function with example code
In this session, we’ll try our hand at solving the "Javascript set timeout function with example code" puzzle by using the computer language.
setTimeout() is a javascript function used to perform some specific task after a specific time. Like if you want to perform a task or execute a specific code after the predefined time then it will help you to do so.-
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.
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Javascript
- How to preview a word document in HTML using javascript
- Copy one array to another in javascript
- How to use JavaScript to search for items in a list
- How to get file extension using javascript/jquery
- Deault order of record in datatable
- Input type file styling
- How to echo array in Javascript
- Trim the leading and trailing comma from string in Javascript
- How to make entire Div clickable in javascript
- Short-circuits conditionals
- ReferenceError: $ is not defined
- How can I add a key/value pair to a JavaScript object
- How to open modal after redirect
- Uncaught TypeError: Illegal invocation
- How to check file is an image in javascript using filename
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined
- Get hostname from URL in javascript
- How to set href value of anchor tag in javascript
- How to crop multiple images with cropper js
- How to display for slash as a string in javascript HTML
- Javascript get only 10 characters from string
- Cropper js with multiple images
- How to Set data to localstorage in javascript
- How to get data from localstorage in javascript
- Remove hostname from URL in javascript