delay()
methodYou can use the jQuery delay()
method to call a function after waiting for some time. Simply pass an integer value to this function to set the time interval for the delay in milliseconds.
Let's check out an example to understand how this method basically works:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Execute a Function after Certain Time</title>
<style>
img{
display: none;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.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="../images/kites.jpg" alt="Flying Kites">
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
How to Create React Select Dropdown
If you require to visually perceive an e...PDF viewer integration with Example in Angular
If you require to visually perceive an e...How to Strip All Spaces Out of a String in PHP
Use the PHP str_replace() Function Yo...How to send mail using mailtrap in laravel 7
Hey Artisan Hope you are doing...How to zip and unzip files from Terminal in Linux
Zip is the most common feature to compre...