
Skip to main content
Javascript set timeout function with example code
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.
Bootstrap
Cmd
CodeIgniter
Css
Drupal
Git
Html
Javascript
Jquery
Laravel
Nodejs
Php
Python
Sql
Typescript
Wordpress
Random Code Snippet Queries: Javascript
- Json stringify
- How to set href value of anchor tag in javascript
- Check if value exists in array javascript
- Javascript get only 10 characters from string
- Concat variable with string in javascript
- How to show and hide placeholder text
- How to display an image in Javascript onclick
- How to get file extension using javascript/jquery
- How to check caps lock is on in javascript
- ReferenceError: $ is not defined
- Copy one array to another in javascript
- How to use JavaScript to search for items in a list
- On click enter redirect to another URL with parameters in javascript
- Input type file styling
- Animating numbers counting Javascript
- How to make entire Div clickable in javascript
- How to preview video before uploading in javascript
- Uncaught TypeError: Assignment to constant variable
- How to preview a word document in HTML using javascript
- Hide div on click outside of element in javascript/jQuery
- Short-circuits conditionals
- How can I add a key/value pair to a JavaScript object
- How to push string in an array in Javascript
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined
- Multidimensional array example javascript