Saltar al contenido

Ejemplo de código JS DATE TIMER BOOTSTRAP

Después de mucho luchar pudimos hallar el resultado de este atascamiento que muchos lectores de este sitio web tienen. Si deseas aportar algo no dejes de dejar tu información.

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: temporizador de cuenta atrás de JavaScript que incluye días

var countDownDate =newDate("Jul 25, 2021 16:37:52").getTime();var myfunc =setInterval(function()var now =newDate().getTime();var timeleft = countDownDate - now;var days =Math.floor(timeleft /(1000*60*60*24));var hours =Math.floor((timeleft %(1000*60*60*24))/(1000*60*60));var minutes =Math.floor((timeleft %(1000*60*60))/(1000*60));var seconds =Math.floor((timeleft %(1000*60))/1000);,1000)

Te mostramos reseñas y calificaciones

Si tienes algún recelo o disposición de aumentar nuestro reseña te proponemos realizar un informe y con deseo lo ojearemos.

¡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 *