Estoy tratando de hacer una cuenta regresiva en Javascript. Tengo el código ahora y funciona bien, pero quiero tener más fechas. Entonces, la primera cuenta regresiva es el 12 de mayo de 2022 a las 16:04:00, luego quiero una nueva cuenta regresiva de 48 horas desde el 14 de mayo de 2022 a las 16:04:00, el 16 de mayo de 2022 a las 16:04:00 y así sucesivamente. Entonces, cuando sea el 12 de mayo de 2022 a las 16:04:01, quiero que comience un nuevo temporizador de 48 horas y la cuenta regresiva hasta el 14 de mayo. ¿Es esto posible? ¡Gracias por la ayuda!
var countDownDate = new Date("May 12, 2022 16:04:00").getTime(); var x = setInterval(function () { var now = new Date().getTime(); var distance = countDownDate - now; var hours = Math.floor((distance % (1000 * 120 * 120 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds; if (distance < 0) { clearInterval(x); document.getElementById("countdown-text").innerHTML = "48H"; } }, 1000); <div id="countdown"> <div class="countdown-hours"> <p id="hours"></p><span>hours</span> </div> <div class="countdown-minutes"> <p id="minutes"></p><span>minutes</span> </div> <div class="countdown-seconds"> <p id="seconds"></p><span>seconds</span> </div> </div> var countDownDate = new Date("May 12, 2022 16:04:00").getTime(); var x = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var hours = Math.floor((distance % (1000 * 120 * 120 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds; if (distance < 0) { var numberOfMlSeconds = new Date().getTime(); var addMlSeconds = 48 * 60 * 60 * 1000; countDownDate = new Date(numberOfMlSeconds + addMlSeconds); } }, 1000); <div id="countdown"> <div class="countdown-hours"> <p id="hours"></p><span>hours</span> </div> <div class="countdown-minutes"> <p id="minutes"></p><span>minutes</span> </div> <div class="countdown-seconds"> <p id="seconds"></p><span>seconds</span> </div> </div>