Javascript - 使 2 setInterval() 同步

Question

我有 2 个调用 setInterval 的函数，但我需要它们是同步的。这是我的代码(是的，它们真的很简单)。

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); 
}

函数 doActionGo() 和 doActionCome() 可以是任何代码。有人知道怎么解决吗？

问候!

Answer 1

要按顺序执行两个动画，只需在第一个动画结束时开始第二个动画...例如:

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);
}