🏠 Inicio ❱ 📌 General ❱ ✉️ Código para BOTÓN de DESCARGA con ⌚ Cuenta Regresiva

Código para BOTÓN de DESCARGA con ⌚ Cuenta Regresiva

👤 juanvaladezp ☀️ 17 Apr 2021

En el stream de hoy hicimos un botón de descarga con cuenta regresiva, aquí va el código:

📌 Código en la plantilla:

CSS
#countdown {
display: block;
text-align: center;
font-size: 72px;
font-weight:bold;
}
 #boton-descargar {
   display: block;
   margin: 0 auto;
   text-align: center;
   padding: 8px;
   background-color: blue;
   color: white;
   font-weight: bold;
   width: max-content;
 }

 

JavaScript

 <script>
 window.onload = updateClock;
var totalTime = 10;
function updateClock() {
 document.getElementById('countdown').innerHTML =totalTime;
 if(totalTime==0){
  document.getElementById("boton-descargar").style.display = "block";
 }else {
  totalTime-=1;
  setTimeout("updateClock()",1000);
 }
}
</script>

 

📌 Código en la entrada:

<span id="countdown"></span>
<a href="https://team.bokuweb.net/" id="boton-descargar" style="display: none">Descargar</a>
 

Comentarios