Question

142

Javascript setTimeout in foreach: need help creating a closure

rated 0 times [ 149] [ 7] / answers: 1 / hits: 8184 / 11 Years ago, thu, february 20, 2014, 12:00:00

I have this function

notes.forEach(function(note) {          

    setTimeout(function() {

        playNote(note);

    }, 1000);

});

This doesn't work. It plays all the notes at the same time, instead of playing them sequentially with a 1 second gap in between. It looks like I need to have a closure here to make this work. Could someone help me fix this function so it would play the note with the delay between each note?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tristani

Add To Favorites

Follow

Total Points: 318

Total Questions: 95

Total Answers: 106

Location: Saint Lucia

Member since Wed, Feb 8, 2023

1 Year ago

tristani questions

1 Discord.js reply to interaction with only you can see this message

Tue, Dec 21, 21, 00:00, 3 Years ago

1 Error: Must use import to load ES Module: D:\node_modules\react-markdown\index.js require() of ES modules is not supported

Wed, Sep 1, 21, 00:00, 3 Years ago

1 How to change a variable value in react on button click

Wed, Nov 18, 20, 00:00, 4 Years ago

1 Skip first iteration during forEach loop

Fri, Aug 14, 20, 00:00, 4 Years ago

1 What is the correct folder structure for dynamic nested routes in Next.js?

Wed, Jul 15, 20, 00:00, 4 Years ago

View All

answered 11 Years ago emerald · Accepted Answer

because all timeouts are set at the same time...

Do something like this:

playAllNotes(0);

function playAllNotes(index) {

    if(notes.length > index) {

        setTimeout(function() {

            playNote(notes[index]);

            playAllNotes(++index);

        }, 1000);

    }

}