Я видел много таймеров обратного отсчета в JavaScript и хотел, чтобы один из них работал в React.
Я позаимствовал эту функцию, которую нашел в Интернете:
secondsToTime(secs){
let hours = Math.floor(secs / (60 * 60));
let divisor_for_minutes = secs % (60 * 60);
let minutes = Math.floor(divisor_for_minutes / 60);
let divisor_for_seconds = divisor_for_minutes % 60;
let seconds = Math.ceil(divisor_for_seconds);
let obj = {
"h": hours,
"m": minutes,
"s": seconds
};
return obj;
};
А потом я сам написал этот код
initiateTimer = () => {
let timeLeftVar = this.secondsToTime(60);
this.setState({ timeLeft: timeLeftVar })
};
startTimer = () => {
let interval = setInterval(this.timer, 1000);
this.setState({ interval: interval });
};
timer = () => {
if (this.state.timeLeft >0){
this.setState({ timeLeft: this.state.timeLeft -1 });
}
else {
clearInterval(this.state.interval);
//this.postToSlack();
}
};
В настоящее время на экране будет установлено время на экране: Time Remaining: 1 m : 0 s
Но это не уменьшает его до Time Remaining: 0 m : 59 s
, а затем Time Remaining: 0 m : 58 s
и т.д. И т.д.
Я думаю, что мне нужно снова вызвать функцию с другим параметром. как я могу это сделать?
Изменение: я забыл сказать, я хотел бы функциональность, чтобы я мог использовать секунды до минут & секунд