conto alla rovescia

**andrea-dindya** · 07-12-2010, 13:27

Ciao ragazzi ho questa funzione di redirect collegata ad un form in modo tale che spedisca i dati dopo tot secondi.

<script language="JavaScript">
decimi=0;
max=100 //indica i millisecondi
function fai() {
clearTimeout(CronoID);
document.modulo_simulazione.action = "index.php?key=simulazione&key2=cons";
document.modulo_simulazione.submit();
}
function Crono() {
decimi++;
if (decimi==max) {
fai();
}
CronoID = setTimeout("Crono()", 100)
}
</script>

<body onload="onLoad="Crono();">

Non mi intendo di javascript e vi chiedo come posso mostrare il tempo rimanente come un conto alla rovescia?
A.

**longilineo** · 07-12-2010, 14:37

nel body aggiungi un div

tempo trascorso:<span id='tempoRimanente'></span></p>

modifichi la funzione crono

Codice PHP:


function Crono() {

    document.getElementById("tempoRimanente").innerHTML = max - decimi;

    decimi++;

    if (decimi==max) {

        fai();

    }

    CronoID = setTimeout("Crono()", 100);

}

**andrea-dindya** · 07-12-2010, 15:33

Figo!!!

grazie!! Bisogna che mi decida a imparare questo benedetto javascript

**andrea-dindya** · 07-12-2010, 20:54

Ho dovuto fare questa modifica perchè altrimenti non funzionava

codice:

document.getElementById("tempoRimanente").innerHTML = (max-decimi);

Scusate se rompo ancora

, ma se volessi mostrare il tempo mancante sotto forma di secondi anzichè di decimi di secondo come dovrei fare?

A

**andrea-dindya** · 07-12-2010, 21:03

Come non detto

bastava aggiungere uno zero

codice:

CronoID = setTimeout("Crono()", 100)

per passare dai decimi a secondi

codice:

CronoID = setTimeout("Crono()", 1000)

grazie comunque

**longilineo** · 07-12-2010, 21:04

...risposta arrivata tardi

**andrea-dindya** · 07-12-2010, 21:25

scusa

**andrea-dindya** · 09-12-2010, 12:38

Come devo fare per mostrare il tempo rimanente nel formato mm:ss?

**longilineo** · 09-12-2010, 16:12

intanto spero che tu abbia modificato oltre a setTimeout anche max che ora essendo in secondi non è più 100 ma 10.
Inoltre decimi è un nome fuorviante ora lavori con i secondi

per il resto devi semplicemente convertire da decimale a sessagesimale il tempo rimanente (max-decimi), in realtà nel tuo caso è ancora più semplice.

per max = 10 in ogni caso otterrai un numero che va a 10 a 0 secondi quindi il campo minuti resterà sempre "00:"
mentre per il campo secondi (max-decimi) solo nel caso in cui i secondi che restano siano meno di 10 devi aggiungere come prefisso 0 così da avere i secondi nel formato 'ss'.

quindi

Codice PHP:




secondi=0;

max = 10;



function Crono() {

   var  tempoRimanente  = max - secondi;

    if(tempoRimanente < 10 ) tempoRimanente = "0"+temporimanente;

    tempoRimanente = "00:"+tempoRimanente;

    document.getElementById("tempoRimanente").innerHTML = tempoRimanente;

    secondi++;

    if (secondi==max) {

        fai();

    }

    CronoID = setTimeout("Crono()", 1000);

}

Più che imparare javascript vedo che hai problemi a programmare. Infatti al posto di utilizzare un contatore (ex 'decimi' nel codice di ora 'secondi') potresti pensare semplicemente a decrementare max fino a quando non vale 0

quindi modificando ulteriormente il tutto

Codice PHP:




max = 10;



function Crono() {

    var  tempoRimanente  = max;

    if(tempoRimanente < 10 ) tempoRimanente = "0"+temporimanente.toString();

    tempoRimanente = "00:"+tempoRimanente;

    document.getElementById("tempoRimanente").innerHTML = tempoRimanente;

    max--;

    if (!max) {

        fai();

    }

    CronoID = setTimeout("Crono()", 1000);

}

**andrea-dindya** · 09-12-2010, 16:31

intanto spero che tu abbia modificato oltre a setTimeout anche max che ora essendo in secondi non è più 100 ma 10. Inoltre decimi è un nome fuorviante ora lavori con i secondi certo, forse non ho inserito la funzione modifcata.

per il resto devi semplicemente convertire da decimale a sessagesimale il tempo rimanente (max-decimi), in realtà nel tuo caso è ancora più semplice.

Il fatto è che non conosco la sintassi di javascript e quindi sto andando a tentativi. Come si fa?

Ti ringrazio per l'aiuto ma siccome la pagina conterrà un test che deve essere visualizzato per almeno 40 minuti circa, mi è molto utile anche il decremeto dei minuti.

Lo farei in php ma non voglio caricare il server e poi vorrei che il contatore fosse visibile.

Discussione: conto alla rovescia

Strumenti discussione

Ricerca discussione

Visualizza

conto alla rovescia

Permessi di invio