- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- 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>
- Related Articles
- 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?
- How to handle HTML5 media events using jQuery?
- How we can prioritize jQuery events?
- Are jQuery events blocking?
- How to use jQuery touch events plugin for mobiles?
- How to bind events on dynamically created elements using jQuery?
- What are jQuery AJAX Events?
- How to bind jQuery events within dynamic content returned via Ajax?
- Which jQuery events do not bubble?
- How to use setTimeout() function in JavaScript?
- How do I prevent jQuery events from bubbling up to parent elements?
- Where to find a list of all jQuery events?
Advertisements