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
functionstartTimer(duration, display)var timer = duration, minutes, seconds;setInterval(function()
minutes =parseInt(timer /60,10);
seconds =parseInt(timer %60,10);
minutes = minutes <10?"0"+ minutes : minutes;
seconds = seconds <10?"0"+ seconds : seconds;
display.textContent= minutes +":"+ seconds;if(--timer <0)
timer = duration;,1000);window.onload=function()var fiveMinutes =60*5,
display =document.querySelector('#time');startTimer(fiveMinutes, display);;Ejemplo 3: cuenta atrás en js
<body><div>Registration closes in<span id="time">05:00</span> minutes!</div></body>Recuerda que puedes difundir esta reseña si te fue de ayuda.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)