- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to fire jQuery events with setTimeout?
The jQuery setTimeout() method is used to set an interval for events to fire.
Example
Here, we will set an interval of 3 seconds for an alert box to load using jQuery events:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").click(function(){
setTimeout("alert('Hello World!');", 3000);
});
});
</script>
</head>
<body>
<button id="button1">Click</button>
<p>Click the above button and wait for 3 seconds. An alert box will generate after 3 seconds.</p>
<p></p>
</body>
</html>
Updated on 11-Dec-2019 07:28:43
- Related Questions & Answers
- How to trigger the same function with jQuery multiple events?
- How to bind jQuery events on elements generated through other events?
- How to store and reproduce jQuery events?
- How to implement custom events in jQuery?
- Are jQuery events blocking?
- How we can prioritize jQuery events?
- How to handle HTML5 media events using jQuery?
- What are jQuery AJAX Events?
- Which jQuery events do not bubble?
- How to bind events on dynamically created elements using jQuery?
- How to use setTimeout() function in JavaScript?
- What is the difference between Local Events and Global Events in jQuery?
- How to bind jQuery events within dynamic content returned via Ajax?
- What are jQuery events .load(), .ready(), .unload()?
- Where to find a list of all jQuery events?
Advertisements