Tengo un sitio web de comercio electrónico. En eso, para la entrega el mismo día, es necesario realizar el pedido antes de las 11. Entonces, antes de los 30 minutos de la hora de finalización (es decir, las 11), quiero mostrar esa sección del temporizador. Debajo del código que estoy intentando, pero tengo un problema sobre cómo configurar la funcionalidad del temporizador.
setInterval(function(){ var secs = 1800; var date = new Date; // date.setTime(result_from_Date_getTime); var seconds = date.getSeconds(); var minutes = date.getMinutes(); var hour = date.getHours(); console.log("Hour"+hour+"Minutes"+minutes+"seconds"+seconds); // console.log(minutes); // console.log(seconds); if(hour == 10 && minutes>=30) { var mins = secs / 60; console.log("Timer"+mins); $('.top-header-content1').removeClass('hide-ticker1'); } else if (hour >= 11){ console.log("hii11"); $('.top-header-content1').addClass('hide-ticker1'); } secs--; },1000);Si alguien tiene una idea, cómo agregar tiempo, por favor hágamelo saber.
Hola, usas este código a continuación:
/// the counting date var countDownDate = new Date("Jan 5, 2024 15:37:25").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); // Display the result in the element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is finished if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); <p id="demo"></p>El siguiente código iniciará un setInterval() en el que durante una ventana de tiempo entre las 10:30h y las 11:00h se mostrará una cuenta atrás. Antes de las 10:30h y después de las 11:00h se muestran diferentes mensajes. Y después de las 11:00 h se borra setInterval .
// div for output on page: const demo=document.getElementById("demo"), // today's date today = new Date(); today.setHours(11);today.setMinutes(0);today.setSeconds(0); today.intv=setInterval(checkTime,1000); function checkTime(){ const now=new Date(); if (now>today) { demo.textContent="Order today for tomorrow's delivery."; clearInterval(today.intv); } else if (now>(today-1800000)){ let tsec=Math.floor((today-now)/1000), sec=tsec%60, min=(tsec-sec)/60; demo.textContent=`${min} minutes and ${sec} seconds left if you want to order for today's delivery.`; } else demo.textContent="Order now for today's delivery!" } <p id="demo"></p>