En ocasiones cuando estas trabajando en una web de ventas los clientes te piden que coloques una cuenta regresiva para algunos de los productos de promoción, o simplemente una cuenta regresiva de un portal a estrenar.
En este post les traigo un pequeño script para realizar un countdown en javascript muy fácil de utilizar con unos pequeños arreglos para que la cuenta regresiva sea mas agradable para el usuario.
El código css quedara de esta forma
body{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
font-size: 20vw;
}
El javascript para generar el countdown
window.onload = updateClock;
var totalTime = 10;
function updateClock() {
document.getElementById('countdown').innerHTML = totalTime;
if(totalTime==0){
console.log('Final');
}else{
totalTime-=1;
setTimeout("updateClock()",1000);
}
}
En el html solo lo debemos llamar en el id countdown de esta manera.
<span id="countdown"></span>
Con esto ya tenemos listo una cuenta regresiva para nuestra web.
