Menu
I have strange problem with the delay function here using the HTML function with it.
I set an HTML text by using $( '#element').html( 'Hello World');
After setting the text I want to get this text disappear in 3 seconds.
So next line I wrote:
$('#element').delay( 3000).html( ' ');
This one doesn't work, it sets the HTML to   without waiting the 3 seconds, it looks like jQuery is skipping the delay function. Using this with fadeOut for example works fine. I guess this has something to do with this queue thing in delay.
But why doesn't this work. Its a pretty simple, wait 3 seconds then run the HTML function.
739
The standard way of creating a delay in JavaScript is to use its setTimeout method. For example: console. log("Hello"); setTimeout(() => { console.
jQuery delay() Method The delay() method sets a timer to delay the execution of the next item in the queue.
What is setTimeout() in JavaScript? setTimeout() is a method that will execute a piece of code after the timer has finished running. Here is the syntax for the setTimeout() method. let timeoutID = setTimeout(function, delay in milliseconds, argument1, argument2,...); Let's break down the syntax.
delay() defaults to the animation queue, for effects like fadeOut(), etc. You should use setTimeout() instead:
window.setTimeout(function () {
$("#element").html(' ');
}, 3000);
From http://api.jquery.com/delay/:
jQuery.delay() is best for delaying between queued jQuery effects and such, and is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.
171
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
