Javascript - 使 2 setInterval() 同步

Question

我有两个函数调用 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);
}