Replace text using jquery

Question

I need to replace a text within div that says "Please wait..." with "Ok.Its done." after a random delay.Please help.Thanks in advance.

• mint: possible duplicate of : stackoverflow.com/questions/121817/…
• Nazmul: use setTimeout to update the div's text
• Peter Jaric: @monO: That question does not mention jQuery or a random delay, I think.
• mint: @peter: True, definitly not a duplicate; I'll leave the link just for reference though!

Answer 1

Try this:

$("#foo").text("Please Wait...")
 .delay(Math.random() * 1000) // between 0 and 1000 milliseconds
 .queue(function(q){
 $(this).text("okay, it's done");
 q();
 });

• Nick Craver: You should call the next function from any queue function or the queue for this element is forever stuck, like this: .queue(function(n){ $(this).text("okay, it's done"); n(); });
• Maju: Thank you. It was helpful and I accept your soultion.Thanks @Nick for timely suggestions

Answer 2

<script type="text/javascript"> 
window.onload = function () { 
 setTimeout(function () { 
 var div = document.getElementById('yourDiv'); 
 div.innerHTML = "OK. It's done."; 
 }, 10000); 
} 
</script> 

• antyrat: It's not using jquery as i can see.
• Nick Craver: @antyrat - A solution doesn't need to... Use jQuery if it helps, don't if it doesn't.
• James: Please don't use window.onload - either use some DOM-ready event or simply place the script below any referenced elements.
• James: @Nick, I wouldn't say it's drastic. We really don't know much because the OP hasn't said much. We don't know that the div has an ID, we don't know if the OP is already using jQuery for other tasks etc. Depending on the situation I might agree with you but given that we simply don't know I thought it best to answer the question in jQuery. If the question was not tagged with "jQuery" I would have gone for a plain JS approach too.
• MooGoo: If you wanted you could still use jQuery within the setTimeout function, as in var div = $('#yourDiv').text("Ok. It's done.");. But there is no good reason to use jQuery for a simple for a simple delay. To me that is tantamount to saying "Why use var x=5; when you could write $.extend(variables, {x: 5}); in jQuery!?"

Answer 3

in jQuery, it would be:

$("myDiv").html("new content");