Countdown

**xalfryx** · 06-07-2006, 08:32

Ciao,
sto cercando un CountDown hh:mm:ss personalizzabile che parta dal momento in cui viene caricata la pagina.

Ciao,
e grazie.

**fcaldera** · 06-07-2006, 09:14

non c'è niente di utile da poter prendere nelle passate discussioni ?

**xalfryx** · 06-07-2006, 09:21

Originariamente inviato da fcaldera
non c'è niente di utile da poter prendere nelle passate discussioni ?

**fcaldera** · 06-07-2006, 09:33

codice:

<script>
    var seconds = 3600;

    function $(id) {
      return document.getElementById(id);
    }


    function writecounter(hh, mm, ss) {
        $('ore').value = (hh < 10)? "0"+hh : hh;
        $('min').value = (mm < 10)? "0"+mm : mm;
        $('sec').value = (ss < 10)? "0"+ss : ss;
    }


    function startcount() {
    
        hh = Math.floor(seconds / 3600);
        mm = Math.floor((seconds - (hh*3600)) / 60);
        ss = seconds - (hh*3600) - (mm*60);
        writecounter(hh, mm, ss);
        seconds--;
        if (seconds != -1) {
        setTimeout('startcount()', 1000)
        }
        else {
        // fai qualcosa
        alert("ho finito!");
        }

    }


    var hh = Math.floor(seconds / 3600);
    var mm = Math.floor((seconds - (hh*3600)) / 60);
    var ss = seconds - (hh*3600) - (mm*60);
</script>

<body onload="startcount()">

    <form>
    <input type="text" size="2" id="ore" readonly="readonly" /> :
    <input type="text" size="2" id="min" readonly="readonly" /> :
    <input type="text" size="2" id="sec" readonly="readonly" />
    </form>

    <script>
    writecounter(hh, mm, ss);
    </script>

</body>

-Fab-

**xalfryx** · 06-07-2006, 09:36

Non parte....

**fcaldera** · 06-07-2006, 09:38

Originariamente inviato da xalfryx
Non parte....

prova a ricopiare il codice.

**xalfryx** · 06-07-2006, 09:43

Originariamente inviato da fcaldera
prova a ricopiare il codice.

ho provato a copiare il codice in una pagina nuova ed effettivamente all'onload della pagina il countdown parte.....ma se inserisco il tuo codice nella mia pagina....non funziona....uffa!

C'è un problema sull'onload perchè se inserisco nella mia pagina il tuo codice con il pulsante....cliccando il pulsante il countdown parte....

**fcaldera** · 06-07-2006, 10:10

probabilmente hai qualche altro script che parte all'onload...
allora prova così, aggiungendo in modo dinamico un evento onload:

codice:

<script>
    var seconds = 3600;

    function $(id) {
      return document.getElementById(id);
    }

    function addOnload(f) {
        var prev = window.onload;
        window.onload = function() {
            if (prev) prev();
            f();
        }
    }


    function writecounter(hh, mm, ss) {
        $('ore').value = (hh < 10)? "0"+hh : hh;
        $('min').value = (mm < 10)? "0"+mm : mm;
        $('sec').value = (ss < 10)? "0"+ss : ss;
    }


    function startcount() {
    
        hh = Math.floor(seconds / 3600);
        mm = Math.floor((seconds - (hh*3600)) / 60);
        ss = seconds - (hh*3600) - (mm*60);
        writecounter(hh, mm, ss);
        seconds--;
        if (seconds != -1) {
        setTimeout('startcount()', 1000)
        }
        else {
        // fai qualcosa
        alert("ho finito!");
        }

    }


    var hh = Math.floor(seconds / 3600);
    var mm = Math.floor((seconds - (hh*3600)) / 60);
    var ss = seconds - (hh*3600) - (mm*60);
    
    
    addOnload(startcount);
</script>

<body>

    <form>
    <input type="text" size="2" id="ore" readonly="readonly" /> :
    <input type="text" size="2" id="min" readonly="readonly" /> :
    <input type="text" size="2" id="sec" readonly="readonly" />
    </form>

    <script>
    writecounter(hh, mm, ss);
    </script>

</body>

Se non funziona ancora rivedi il codice che stai usando

**xalfryx** · 06-07-2006, 10:35

non va....

senti ma non è possibile associare lo start del countdown al onload di una immagine????

**xalfryx** · 06-07-2006, 12:17

up

Discussione: Countdown

Strumenti discussione

Ricerca discussione

Visualizza

Countdown

Permessi di invio