simultaneous functions javascript

Question

I got this code, it's supposed to toggle elements, following a repetitive patron, that will grow up randomly, my start function executes my runp() function at simultaneous, and it got all messy. i would need to wait until runp() finishes to continue executing. Thanks

function runp(patron){
  var x = 0;
  var intervalID = setInterval(function () {
     $("#container"+patron[x]).toggle(1).delay(1000).toggle(1).delay(1000);     

     if (++x === 20) {
         window.clearInterval(intervalID);
     }
  }, 2000);
}

function start(patron, patronl){    
  while (patron.length<20){
    patron.push(rand(1,4));
    runp(patron);
  }   
}

What is purpose of calling `setInterval` inside `while` loop? `intervalID` does not appear to be global identifier? Are you trying to call `setInterval` twenty times in sequence? — guest271314, Sep 27 '16 at 01:09
I think you just need to call `runp(patron)` after the `while` loop is done. Otherwise, the interval will try to access `patron[x]` that doesn't exist yet. — Barmar, Sep 27 '16 at 01:12
the setInterval breaks, i needed the delay because i needed to finish the animation to continue. what i need now is to finish the setInterval to call another one — Maximiliano, Sep 27 '16 at 01:12
the problem is that i need to run runp everytime it adds a new element — Maximiliano, Sep 27 '16 at 01:13
and how i pause the function untill the toggles are finished? — Maximiliano, Sep 27 '16 at 01:15
_"and how i pause the function untill the toggles are finished?"_ Are you trying to toggle elements in sequence? Or, toggle a group of elements randomly? — guest271314, Sep 27 '16 at 01:18

score 0 · Answer 1 · answered Sep 27 '16 at 01:24

0

You can use .queue()

// alternatively pass randomly shuffled array of elements to `$.map()`
$({}).queue("toggle", $.map($("[id^=container]"), function(el) {
  return function(next) {
    return $(el).toggle(1).delay(1000).toggle(1).delay(1000)
           .promise().then(next)
  }
})).dequeue("toggle")

answered Sep 27 '16 at 01:24

guest271314

1
15
104
177

@Maximiliano Version 2 of linked plnkr randomly sorts elements where `id` begins with `container` randomly, before beginning animations, using approach described at [Randomize the divs that I append into another one](http://stackoverflow.com/questions/25029503/randomize-the-divs-that-i-append-into-another-one) – guest271314 Sep 27 '16 at 01:46

simultaneous functions javascript

1 Answers1