Question

I have 2 functions calling setInterval but I need them to be synchronous. Here is my code(yes, they are really simple).

var number1 = 0;

function caller(){
  go();
  come();
}

function go() {
  anim1 = setInterval("doActionGo()", 20);
}

function come() {
  anim2 = setInterval("doActionCome()", 20);
}

function doActionGo(){
  if(number1 < 1023) {
    number1++;
  } else {
    clearInterval(anim1);
  }
}

function doActionCome() {
  if (number1 > 0) {
    number1 = number1 - 1
  } else {
   clearInterval(anim2); 
}

functions doActionGo() and doActionCome() would be any code. Does anybody know how to solve it?

Regards!

Answer 1

To execute two animations in sequence just start the second one at the end of the first… for example:

var anim1, anim2;
var number = 0;

function animation1()
{
    number = number + 1;
    if (number > 1000)
    {
        clearInterval(anim1);
        anim2 = setInterval(animation2, 20);
    }
}

function animation2()
{
    number = number - 1;
    if (number < 0)
    {
        clearInterval(anim2);
    }
}

function start()
{
    anim1 = setInterval(animation1, 20);
}