Estoy trabajando con jQuery timer. Cuando el temporizador es 00d 00h 00m 00d , el temporizador expira y aparece una ventana emergente, todos funcionan perfectamente. El problema es que el temporizador ha caducado, pero cuando vuelve a cargar, la ventana emergente de la página se muestra de nuevo. Puedo poner el temporizador en la hora estándar india. Le pido que lo verifique en su fragmento de código para comprender el problema claramente.
Aquí abajo está mi código:
// Set the date we're counting down to var countDownDate = new Date("feb 16, 2022 24:00:00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (distance < 0) { clearInterval(x); $("#timer").remove(); $("#modalContent").addClass("show"); } $("#close").click(function(){ $("#modalContent").removeClass("show"); }); }, 1000); p { text-align: center; font-size: 60px; margin-top: 0px; } .show { display: block !important; } .modal-content { display: none; background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="myModal" class="modal"> <div id="timer"> <p id="demo"></p> </div> <div class="modal-content" id="modalContent"> <span class="close" id="close">×</span> <p>Some text in the Modal..</p> </div> </div>Lógicamente, tu código es muy correcto. Solo necesita verificar cualquiera de las siguientes condiciones: