Possible Duplicate:
Sleep in Javascript
i am writing div dynamically using javascript.
i need a delay time for writing one div to another div.
am using for loop to write a div dynamically.
sleep function not working..
my code like,
for(i=0;i<10;i++){
sleep(100);
$("#"+i).html("hi"+i);
}
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
You could use setTimeout().
Do a google search and you'll see lots of example usages.
You need to use the getTimeout function, which takes a callback and a number of milliseconds to wait before calling it.
for(i=0;i<10;i++){
setTimeout((function(i) {
return function() {
$("#"+i).html("hi"+i);
};
})(i), 100)
}
setTimeout. 2) Classic bug: this will fire $("#10").html("hi10"); 10 times, since i changes before the function is called.
Use setInterval(function, miliseconds)
As previously suggested, use setTimeout(). You have details here.
Another way to use setTimeout, using it in a inner function:
function writeDivs() {
var i = 0;
var divsToCreate = 100;
var timeToSleep = 100;
var createOneDiv = function () {
if (i < divsToCreate) {
$("#"+i).html("hi"+i);
i++;
setTimeout(createOneDiv, timeToSleep);
}
}
setTimeout(createOneDiv, timeToSleep);
}
breakyou should usecontinue