Saltar al contenido

Ejemplo de código de temporizador de cuenta regresiva HTML CSS

Nuestro grupo de trabajo ha estado por horas investigando para dar solución a tu interrogante, te dejamos la soluciones así que nuestro objetivo es resultarte de gran ayuda.

Ejemplo 1: temporizador html

<!DOCTYPEHTML><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>
p 
  text-align: center;
  font-size:60px;
  margin-top:0px;</style></head><body><p id="demo"></p><script>// Set the date we're counting down tovar countDownDate =newDate("Jan 5, 2021 15:37:25").getTime();// Update the count down every 1 secondvar x =setInterval(function()// Get today's date and timevar now =newDate().getTime();// Find the distance between now and the count down datevar distance = countDownDate - now;// Time calculations for days, hours, minutes and secondsvar 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);
    document.getElementById("demo").innerHTML ="EXPIRED";,1000);</script></body></html>

Ejemplo 2: cuenta regresiva en js

<body><div>Registration closes in <span id="time">05:00</span> minutes!</div></body>

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *