Visualizzazione dei risultati da 1 a 3 su 3

Visualizzazione discussione

  1. #1

    Scritpt countdown fisso anche con lo scroll

    Come posso lasciare il countdown in basso a destra come se fosse un piccolo popup nonostante l'utente vada su e giù per la pagina? La pagina in questione è questa http://www.davidepappalardo.it/Quiz/quiz.html

    I secondi che partono da 180 dovrebbero essere sempre visibili in basso a destra, effetto banner pubblicitario per intenderci,

    Html:

    codice:
    <form name="redirect" align="center">
    <input type="text" size="5" name="counter"> 
    </form>
    Lo script del conto alla rovescia:

    codice:
    <script language="Javascript">
    <!--
    // Imposto il sito di destinazione
    var destinazione = "http://www.davidepappalardo.it/Quiz/index.html";
    
    
    // Imposto il numero di secondi per il conto alla rovescia
    var secondi = 180;
    
    
    // Creo la variabile conteggio e contestualmente
    // imposto il valore di partenza al numero di secondi + 1
    var conteggio = document.redirect.counter.value = secondi + 1;
    
    
    // Creo la funzione che gestisce il conto alla rovescia
    function contoallarovescia()
    {
      // Se la variabile conteggio è maggiore di 1...
      if (conteggio > 1)
      {
        // decremento il valore della variabile conteggio
        conteggio = conteggio - 1;
        // e contestualmente aggiorno il numero mostrato a video
        document.redirect.counter.value = conteggio;
      // ...se conteggio è uguale o minore di 1 eseguo il redirect
      }else{
        window.location = destinazione;
        return
      }
      // La funzione ri-esegue se stessa ogni secondo fino alla
      // esecuzione del redirect
      setTimeout("contoallarovescia()", 1000);
    }
    
    
    // Lancio per la prima volta la funzione (che poi, come sappiamo
    // provvederà autonomamente ad auto eseguirsi ogni secondo)
    contoallarovescia()
    //-->
    </script>
    Ultima modifica di ciro78; 23-02-2016 a 10:38 Motivo: tag code

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.