Question

92

Delay between each iteration of foreach loop?

rated 0 times [ 96] [ 4] / answers: 1 / hits: 16768 / 8 Years ago, tue, april 19, 2016, 12:00:00

so I am making a simon says game. This function displays the current sequence. The problem with it right now is that it doesn't really go in a nice sequence, it kind of does everything at once. Say the colors are blue, red, and yellow, they will all go off at the same time rather than in sequence. How can I fix this?

var displaySequence = function(){

    compSequence.forEach(function(color){

        $(# + color).fadeTo(300, 0.5).fadeTo(300, 1.0);

    })

}

Answers

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

tayaw

Add To Favorites

Follow

Total Points: 749

Total Questions: 88

Total Answers: 86

Location: Djibouti

Member since Sun, Feb 27, 2022

2 Years ago

tayaw questions

1 How to enable cache for getServerSideProps?

Thu, Mar 3, 22, 00:00, 2 Years ago

1 navigator.clipboard.readText() is not working in Firefox

Fri, May 7, 21, 00:00, 3 Years ago

1 Vuetify form .$refs validate is not a function

Wed, Oct 7, 20, 00:00, 4 Years ago

1 Using absolute position to place image above another image using Tailwind CSS

Sun, Sep 6, 20, 00:00, 4 Years ago

1 How to make div tag clickable with Link from react-router-dom?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 8 Years ago adriannemyiag · Accepted Answer

A none jQuery solution. You will need to use the array index to give the illusion of waiting between each call, however each function has ran already. What will happen is: show color 1 in 1 second, show color 2 in 2 seconds...

var displaySequence = function(){

    compSequence.forEach(function(color, index){

        setTimeout(function(){

            $(# + color).fadeTo(300, 0.5).fadeTo(300, 1.0);

        },

        1000 * index);

    })

}

adjust the 1000 * index to change the delay.