使用 javascript 和 vueJS 的计时器

Question

我正在用 vueJS 中的 javascript 做一个计时器。我需要我的时间开始 5 分 300 秒继续计算分钟和秒后...但时间在 5 分钟后开始。我的计时器正在运行，但在 300 秒开始计算分钟后我无法执行此操作// Declaro variables para después de los 5 minutos.        let sec= 0, min = 0, hour = 0;// Para contar hasta los 5 minutos    let startMin = 5*60, cronometro = 0;cronometro = setInterval(function (){                        if(cronometro >= startMin){                            sec++;                            if(sec == 60){                                min++;                                sec = 0;                                if(min == 60){                                    hour++;                                    min = 0;                                }                            }                        }                        minutos.innerHTML = min                    }, 1000);

Answer 1

我解决了这个问题：

cronometro = setInterval(function (){

                    contadorSegundos = sec++;

                    if(contadorSegundos == 300){

                        sec = 0;

                        minutos.innerHTML = 5;

                        if(sec == 60){

                            min++;

                            minutos.innerHTML = min;

                        }

                    }

                    

                    console.log(contadorSegundos);

                }, 1000);

Answer 2

您将秒存储在引用分钟的变量中。我建议重命名它。

如果您在分钟增量条件中添加一个检查，将 startMin 除以 60，您就会得到您正在寻找的触发器。

if(sec == 60){

  min++;

  if (minute == startMin/60) {

    // do whatever you want to do after the time has passed

  }

  sec = 0;

  ...

}