Set a delay in loop execution in JavaScript

Question

I need to set a delay in the execution of a for loop in JavaScript.

Here is my code:

function myFunction1() {

        var list = document.getElementById('SomeList');
        var items = list.getElementsByTagName('li');

        for (var i = 0; i < items.length; ++i) {

            setTimeout(delayLoop, 1500);
        }
    }
function delayLoop() {
        alert('Hello');
    }

After adding the "alert('Hello')" code to the delayLoop function, I noticed that the setTimeout function only displays the alert box after the execution of myFunction1().

How can I use setTimeout to slow down each loop through the collection of items to 1500ms?

see "sleep() in JavaScript" phpied.com/sleep-in-javascript

IvanH
– IvanH

2013-05-09 07:01:41 +00:00
Commented May 9, 2013 at 7:01 — IvanH
– IvanH, Commented May 9, 2013 at 7:01

hamon · Accepted Answer · 2013-05-09 06:56:55Z

1

Maybe this helps

function pause(ms) {
    ms += new Date().getTime();
    while (new Date() < ms){}
}

answered May 9, 2013 at 6:56

hamon

1,0266 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ivan Drinchev · Accepted Answer · 2013-05-09 06:58:41Z

0

You may have to use a callback here

var list = document.getElementById('SomeList');
var items = list.getElementsByTagName('li');
var i = 0;

var myFunction1 = function() {
    if ( i < items.length ) {
         // Do some code with items[i]
         i++;
         setTimeout(myFunction1, 1500);
    } else { 
         // No more elements
         return;
    }
}

This way your myFunction1 will execute every 1.5 seconds.

answered May 9, 2013 at 6:58

Ivan Drinchev

19.6k4 gold badges69 silver badges97 bronze badges

Collectives™ on Stack Overflow

Set a delay in loop execution in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related