How to fire jQuery events with setTimeout?

jQuery Web Development Front End Technology

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>

Alex Onsman

Published on 20-Dec-2017 12:26:44

Previous Page Print Page