Blupixel IT Blog – Articoli e Tutorial Informatica e Programmazione

Blog ufficiale di Blupixel IT Srl

Conteggio alla rovescia con Javascript

Per eseguire una qualche operazione in javascript dopo un certo periodo di tempo, magari visualizzando a schermo un contatore che segnala tra quanti secondi avverrà l’evento, creare un elemento HTML come segue:

<div>
La finestra si chiuderà tra
<span id=”conteggio_chiusura”>10</span>
secondi
</div>

 

quindi aggiungere nella pagina questo script

<script type=”text/javascript”>
    // Seleziono l’elemento nella pagina con attributo id = “conteggio_chiusura”
    var element=document.getElementById(‘conteggio_chiusura’);

    // traduco il contenuto dell’elemento selezionato in un intero equivalente in secondi
    var time = parseInt(element.innerHTML);

    // eseguo la funzione che procede alla riduzione del conteggio
    var timer = setInterval(function(){
        if( time ){
            element.innerHTML = –time;
        } else {
            clearInterval(timer);
            window.close();
        }
    }, 1000);
</script>

 

Le prime due istruzioni sono abbastanza intuitive.
Per quanto riguarda, invece l’ultimo comando la funzione non fa altro che eseguire ogni 1000 msec, ovvero 1 secondo, la funzione definita. La funziona esegue quanto segue:
- controlla se il valore dei secondi segnati nel blocco di codice html è diverso da 0
- se è diverso da zero lo riduce di 1 (—time) e lo stampa all’interno dell’html al posto del numero precedente (element.innerHTML = …)
- se è uguale a 0 (quindi è falso) elimina l’istanza del setInterval impostato in modo che non venga più eseguito (clearInterval(timer)) e chiude la finestra corrente (window.close())

Naturalmente il numero di secondi da cui iniziare si setta direttamente nel codice HTML mettendolo al posto del 10 e al posto della chiusura della finestra si può decidere di impostare un qualsiasi comando.

A presto

Your email address will not be published. Required fields are marked *

*

ok0a

Please type the text above: