Javascript Come posso creare una progressione numerica automatica da 0 a 500.000 in html?

Giulia00

Utente Iron
3 Luglio 2021
1
1
0
6
CIAO!!

Come posso creare una progressione numerica automatica da 0 a 500.000 in html?

Il codice che mi è stato dato è questo:

<p><span style="font-family: Calibri, sans-serif;"><span style="text-shadow: rgba(255, 255, 255, 0.8) 0px 3px 2px;"><sup>437</sup></span></span></p>

Come posso rendere il numero 437 inserito nel codice, progressivo e automatico ogni tre minuti?

La progressione che devo fare è per l'università e sono ancora una principiante. Grazie in anticipo per la risposta :))
 
Ciao, ho visto che hai posto la stessa domanda in altri forum, senza ottenere risposta. Per ottenere quello che vuoi ti serve un timer, che in HTML non e' disponibile, per realizzarlo in JavaScript usa la funzione setInterval:

JavaScript:
setInterval(function() {
     var step = 1;
     var counter = document.getElementById("counter");
     var nextValue = parseInt(counter.value) + step;
     counter.value = nextValue.toString();
}, 180000);

Ricorda di impostare l'id del tag sup a "counter" e il valore iniziale a 0.
 
JavaScript:
var numericalProgression = setInterval(function() {
     var counter = document.getElementsByTagName("sup")[0];
     var currentValue = parseInt(counter.textContent);
     if (currentValue < 500000) {
         counter.textContent = currentValue + 1;
     }
     else {
         clearInterval(numericalProgression);
     }     
}, 60 * 3 * 1000);