JSFiddle - React, Tailwind, and code Playground
HTML
<div class="countdown-interval">
0
</div>
<div class="countdown-timeout">
0
</div>
JavaScript
var GLOBAL_TIMER_INTERVAL = 60 * 1000,
GLOBAL_TIMER_TIMEOUT = 60 * 1000;
function countdownInterval(){
var interval = setInterval(function(){
if(GLOBAL_TIMER_INTERVAL <= 0){
clearInterval(interval);
return;
}
GLOBAL_TIMER_INTERVAL = GLOBAL_TIMER_INTERVAL - 10;
$('.countdown-interval').text(GLOBAL_TIMER_INTERVAL);
}, 10);
}
countdownInterval();
function countdownTimeout(){
setTimeout(function(){
if(GLOBAL_TIMER_TIMEOUT <= 0){
return;
}
GLOBAL_TIMER_TIMEOUT = GLOBAL_TIMER_TIMEOUT - 10;
$('.countdown-timeout').text(GLOBAL_TIMER_TIMEOUT);
countdownTimeout();
}, 10);
}
countdownTimeout();