Home/ Questions/Q 1053821
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T17:18:42+00:00

I have strange problem with the delay function here using the HTML function with

  • 0

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( '&nbsp');

This one doesn’t work, it sets the HTML to &nbsp 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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    • 0