Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Calling a Function after Specific Time Period in jQuery</title> <style> img{ display: none; } </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> function showImage(){ $("img").fadeIn(500); } $(document).ready(function() { $(".show-image").click(function(){ $(this).text('loading...').delay(1000).queue(function() { $(this).hide(); showImage(); //calling showimage() function $(this).dequeue(); }); }); }); </script> </head> <body> <button type="button" class="show-image">Show Image</button> <img src="/examples/images/kites.jpg" alt="Flying Kites"> </body> </html>
