主页 / 问题 / 592381
Accepted
torokhkun
Asked:2020-11-18 01:50:17 +0000 UTC2020-11-18 01:50:17 +0000 UTC

反应。如何在循环中启动另一个计时器之前等待一个计时器完成

  • 772

有任意数量的值对（产品名称和价格）

我从服务器接收它们并每行输出一对

需要n每毫秒依次闪烁一次m每行持续k毫秒

说明在当前迭代中声明的定时器结束后（包括递归调用）如何在循环中进行下一次迭代？

我尝试每 10 秒更改每条线的状态 6 次，延迟半秒

componentDidMount() {
    var that = this;
    setTimeout(function run() {
      let tickCounter = 0;
      for (let key in that.state.fuel) {
        setTimeout(function tick(){
          that.state.visible[key] = !that.state.visible[key];          
          that.setState({ visible: that.state.visible });
          if (++tickCounter != 6) {
            setTimeout(tick, 500);
          }
          else
             tickCounter = 0;
        }, 500);
      }
      setTimeout(run, 5000);     
    }, 5000);
}
javascript

1 个回答

  1. Best Answer

    解决方案： 1. 不要集体 farm 一堆定时器，而是用一个来写算法；2. 在循环中，如果是递归调用setTimeout，则不需要

    componentDidMount() {
  var roundTime = 5000; // длительность раунда
  var tickTime  = 500; // продолжительность мигания

  var tickCount = 3; // количество миганий
  var tickCurrent = 0; // счетчик миганий

  var stuffCount = 6; // колличество продуктов
  var stuffCurrent = 0; // текущий продукт

  var that = this;

  setTimeout(function run() {
    that.state.visible[stuffCurrent] = !that.state.visible[stuffCurrent];          
    that.setState({ visible: that.state.visible });
    if(stuffCurrent < stuffCount && ++tickCurrent < tickCount * 2) {
      setTimeout(run,tickTime)
    } else if(stuffCurrent < stuffCount && tickCurrent === tickCount * 2) {
      tickCurrent = 0;
      stuffCurrent++;
      setTimeout(run,tickTime);
    } else {
      tickCurrent = 0;
      stuffCurrent = 0;
      setTimeout(run,roundTime);
    }
  }, roundTime);
}
    • 0

相关问题