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.
4
-
possible duplicate of : stackoverflow.com/questions/121817/…mint– mint2010-07-28 13:30:58 +00:00Commented Jul 28, 2010 at 13:30
-
use setTimeout to update the div's textNazmul– Nazmul2010-07-28 13:35:47 +00:00Commented Jul 28, 2010 at 13:35
-
@monO: That question does not mention jQuery or a random delay, I think.Peter Jaric– Peter Jaric2010-07-28 13:36:10 +00:00Commented Jul 28, 2010 at 13:36
-
@peter: True, definitly not a duplicate; I'll leave the link just for reference though!mint– mint2010-07-28 13:51:47 +00:00Commented Jul 28, 2010 at 13:51
Add a comment
|
3 Answers
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();
});
2 Comments
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
<script type="text/javascript">
window.onload = function () {
setTimeout(function () {
var div = document.getElementById('yourDiv');
div.innerHTML = "OK. It's done.";
}, 10000);
}
</script>
11 Comments
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!?" |
in jQuery, it would be:
$("myDiv").html("new content");
