creare un semplice conto alla rovescia di 10 secondi

Question

Vorrei una riga che dice:

Your download will begin in (10, 9, 8, etc. Beginning on page load) seconds.

ho già il testo 10 secondi scaricare set up, e ho guardato in altri posti StackOverflow. Includono tutti i CSS e Jquery. Vorrei solo un timer Javascript/HTML.

Non sono state effettuate altre richieste per una riga semplice che indica "Il download inizierà tra x secondi". Come lo farei?

Answer 1

Questo vi darà una barra di avanzamento

var timeleft = 10; 
 
var downloadTimer = setInterval(function(){ 
 
    document.getElementById("progressBar").value = 10 - --timeleft; 
 
    if(timeleft <= 0) 
 
    clearInterval(downloadTimer); 
 
},1000);

<progress value="0" max="10" id="progressBar"></progress>

Answer 2

Questo fa in testo.

<p> The download will begin in <span id="countdowntimer">10 </span> Seconds</p> 
 

 
<script type="text/javascript"> 
 
    var timeleft = 10; 
 
    var downloadTimer = setInterval(function(){ 
 
    timeleft--; 
 
    document.getElementById("countdowntimer").textContent = timeleft; 
 
    if(timeleft <= 0) 
 
     clearInterval(downloadTimer); 
 
    },1000); 
 
</script>

Answer 3

di indirizzare pulsante per il download dopo 10 secondi:

<p> The download will begin in <span id="countdowntimer">10 </span> Seconds</p> 
 

 
<script type="text/javascript"> 
 
    var timeleft = 10; 
 
    var downloadTimer = setInterval(function(){ 
 
    timeleft--; 
 
    document.getElementById("countdowntimer").textContent = timeleft; 
 
    if(timeleft <= 0) 
 
     clearInterval(downloadTimer); 
 
    },1000); 
 
</script>