Countdown in Dhtml

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

Grazie a poche righe di codice Javascript è possibile realizzare una routine che genera un conto alla rovescia, che può essere utilizzato, ad esempio, nella pagina iniziale di un sito, dando il benvenuto, o effettuando il redirect alla Homepage reale.

Il codice di esempio inizia il conteggio da 10 e si decrementa fino a 0:

<html>
    <head>
        <title>Countdown in Dhtml</title>
        <script language="javascript">
            <!--
                var inizio = 10;
                function Countdown()
                {
                    testo.innerHTML = inizio;
                    inizio--;
                    if (inizio >= 0)
                    {
                        window.setTimeout("Countdown()", 1000);
                    }
                    else
                    {
                        testo.innerHTML = "Tempo scaduto :-)";
                    }
                }
                
            //-->
        </script>
    </head>
<body onLoad="Countdown()">

<div id="testo"></div>

</body>
</html>
Nell'header della pagina imposto il codice Javascript che vede al centro della scena la funzione Countdown() e nel corpo un layer di tipo <div> con un identificativo univoco di tipo ID con valore testo. Nella funzione inizializzo il valore del layer ed effettuo il decremento dell'intero 10; controllo poi che il valore sia maggiore o uguale a zero prima di lanciare il messaggio, o scatenare l'evento del caso.

I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (106.555)

:: Breve guida a jQuery (96.818)

:: Le espressioni regolari in Javascript (84.690)

:: Gestione delle stringhe in Javascript (74.154)

:: Stampare una pagina col Dhtml (42.639)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (39.785)

:: Menu orizzontale dinamico in Dhtml (36.961)

:: Gli Array in Javascript (35.690)

:: Temporizzazioni Javascript (31.211)

:: Istruzion condizionali in Javascript: if e switch (28.629)

IN EVIDENZA
DOWNLOAD