delay function in javascript

Question

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;
    }
  }
}

i think instead of `break` you should use `continue` – Muhammad Talha Akbar Jan 19 '13 at 10:40 — Muhammad Talha Akbar, Jan 19 '13 at 10:40

score 3 · Answer 1 · answered Jan 19 '13 at 10:40

3

You could use setTimeout().

Do a google search and you'll see lots of example usages.

answered Jan 19 '13 at 10:40

diggersworld

12,770
24
84
119

where can i use setTimeout()..? – Naveen K Jan 19 '13 at 10:41
1

first I suggest you find out how it works... and then figure out how to implement into your code. If you understand it yourself it's much better than someone simply giving you the code. – diggersworld Jan 19 '13 at 10:42
1

[window.setTimeout](https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout) – dan-lee Jan 19 '13 at 10:43

score 2 · Answer 2 · answered Jan 19 '13 at 10:42

2

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) 
}

answered Jan 19 '13 at 10:42

samfrances

3,405
3
25
40

4

1) Typo: it's `setTimeout`. 2) Classic bug: this will fire `$("#10").html("hi10");` 10 times, since `i` changes before the function is called. – Mattias Buelens Jan 19 '13 at 10:44
Yes, you're right. See edit. – samfrances Jan 19 '13 at 10:46
Good work with the quick fix! – Mattias Buelens Jan 19 '13 at 10:46

score 0 · Answer 3 · edited Jan 19 '13 at 10:41

0

Use setInterval(function, miliseconds)

edited Jan 19 '13 at 10:41

Muhammad Talha Akbar

9,952
6
38
62

answered Jan 19 '13 at 10:40

Nikola Ninkovic

1,252
1
12
27

score 0 · Answer 4 · answered Jan 19 '13 at 10:43

0

As previously suggested, use setTimeout(). You have details here.

answered Jan 19 '13 at 10:43

GeorgeVremescu

1,253
7
12

1

[w3schools sucks](http://w3fools.com/#why-w3schools-sucks) – dan-lee Jan 19 '13 at 10:46
An alternative that does not suck? – GeorgeVremescu Jan 19 '13 at 11:00
1

https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout – Felix Kling Jan 19 '13 at 11:03

score 0 · Answer 5 · answered Jan 19 '13 at 11:23

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);
}

delay function in javascript

5 Answers5