我正在try 创建一个倒计时计时器，它从10秒开始，每秒钟倒计时一次，直到0.一旦发生这种情况，它应该从10秒重新开始，并倒计时到0.这种情况总共应该发生4次.我还想使用该方法中的一个返回来实现这一点.
这就是我try 的方法，我在控制台日志(log)中得到了一个未定义的结果，而且也不确定重试是否应该只是围绕此方法的For循环
Service file
//Countdown timer
public countdownTimer(retries, timeLeft) {
setInterval(() => {
if(timeLeft > 0) {
timeLeft--;
} else {
timeLeft = 10;
}
}, 1000);
return timeLeft;
}
组件，我将在其中使用该方法
console.log(this.timeUtils.countdownTimer(4, 10));
有谁能帮忙吗？
您当前方法的问题是setInterval是异步的，return timeLeft是立即执行的，而不是等待间隔结束.这就是为什么您在控制台日志(log)中看到undefined的原因.此外，您当前的实现没有考虑retries参数，该参数应该控制倒计时重复多少次.
要实现所需的功能，可以使用递归以及setTimeout和setInterval的组合.以下是您的方法的更新版本:
// Service file
// Countdown timer
public countdownTimer(retries, timeLeft) {
return new Promise(resolve => {
const countdown = () => {
let interval = setInterval(() => {
if (timeLeft > 0) {
console.log(timeLeft);
timeLeft--;
} else {
clearInterval(interval);
retries--;
if (retries > 0) {
timeLeft = 10;
countdown();
} else {
resolve();
}
}
}, 1000);
};
countdown();
});
}
// Component where I will be using the method
this.timeUtils.countdownTimer(4, 10).then(() => {
console.log('Countdown completed');
});
解释:
countdownTimer方法返回一个Promise，该promise 在所有重试完成后解析.countdown函数处理从timeLeft到0的单次倒计时，并在每次重试时递归调用.setInterval用于每秒倒计时.当timeLeft达到0时，它会清除间隔并判断是否还有更多的重试.timeLeft重置为10，并再次呼叫countdown..then()方法中处理完成了.此设置应提供所需的倒计时行为，并允许您有效地处理整个倒计时过程的完成.