Tengo las siguientes dos funciones:

 // COUNTDOWN TIMER FUNCTION function refillTimer(theTime) { var timer = new Date().getTime() + theTime; $('#refillTimer').countdown(timer).on('update.countdown', function(event) { $(this).show(); var $this = $(this); if(event.elapsed){ $this.html(event.strftime('0:0:0')); }else{ $this.html(event.strftime('<strong>%S</strong>')); } }).on('finish.countdown', function(){ $(this).hide(); }); } // ON SWIPE PERFORM ACTION async function swipeAction(currentElementObj, swipeType) { var cardId = currentElementObj.getAttribute("value"); var dataString = { card: cardId, swipe: swipeType }; let response = await new Promise((resolve, reject) => { try { var xhr = new XMLHttpRequest(); xhr.open("POST", "processes/swipe.php", true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.responseType = "json"; xhr.send(JSON.stringify(dataString)); xhr.onreadystatechange = function () { let resObj = xhr.response; if(xhr.readyState == 4 && xhr.status == 200 && resObj) { $('#content').modal('show'); refillTimer(resObj.nextswipe); // resObj.nextswipe returns 37000 seconds } }; }catch(e){ reject(e.toString()); } }); }

Aquí, en el código anterior, como puede ver, tengo un temporizador de cuenta regresiva que estoy tratando de usar en la función swipeAction() . El problema aquí es que el temporizador no funciona según la entrada proporcionada. Digamos, por ejemplo, que la entrada pasada en la refilTImer(theTime) como theTime es 37000. Por lo tanto, la función debe tomar 37000 segundos, convertirla a HH:MM:SS e iniciar la visualización de la cuenta regresiva en consecuencia. Simple como eso. Sin embargo, en cada llamada, el temporizador de cuenta regresiva comienza a los 37 segundos. Los segundos pasaron 43650, el temporizador cuenta regresivamente desde 43 segundos solamente. No entiendo por qué sucede esto. ¿Cuál puede ser la solución aquí?