
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
- ReferenceError: Cannot access 'myFunction' before initialization
- How to preview video before uploading in javascript
- How to set href value of anchor tag in javascript
- Input type file styling
- How to check caps lock is on in javascript
- Animating numbers counting Javascript
- Cropper js with multiple images
- Uncaught TypeError: Illegal invocation
- Javascript get only 10 characters from string
- How to push string in an array in Javascript
- How to get file extension using javascript/jquery
- How to use JavaScript to search for items in a list
- Trim the leading and trailing comma from string in Javascript
- How to display an image in Javascript onclick
- Get multiplication in javascript using array input
- How to add a property to object with condition in javascript
- How to pass array as arguments to function in javascript
- Remove property from object in javascript
- Short-circuits conditionals
- How to get query string value in javascript
- How to make entire Div clickable in javascript
- Uncaught TypeError: Assignment to constant variable
- How to crop multiple images with cropper js
- How to validate empty space in textbox in Javascript
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined