Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2010
    Messaggi
    12

    Chiusura DIV con conto alla rovescia

    Salve a tutti,

    Ho impostato la chiusura di un DIV dopo 10 secondi, come posso fare per far mostrare i secondi che mancano alla chiusura?

    Ho utilizzato un semplice setTimeout:

    Codice PHP:
    <script language="javascript">
    setTimeout("document.getElementById('sponsor').style.display='none';"10000);
    </script> 

    <div id="sponsor">IL MIO CONTENUTO</div> 

  2. #2
    Utente di HTML.it L'avatar di marty89
    Registrato dal
    Apr 2011
    Messaggi
    107
    Ciao, prova a vedere se una cosa di questo tipo ti potrebbe andare bene:
    codice:
    <script language="javascript">
    var secondi = 10;
    var tempo;
    
    function decrementa(){
        var contatore = document.getElementById("sec");
        secondi--;
        if(secondi == 0)
        	tempo = clearInterval(tempo);
        	
        contatore.value = secondi;
    }
    
    setTimeout("document.getElementById('sponsor').style.display='none';", 10000);
    tempo = setInterval("decrementa()", 1000);
    </script> 
    
    <div id="sponsor">IL MIO CONTENUTO</div>
    <input id="sec" type="text" value="10"/>
    Spero di esserti stata di aiuto.

  3. #3
    codice:
    <script language="javascript"> 
    setTimeout("document.getElementById('sponsor').style.display='none';", 10000);
    var seconds=10;
    setInterval(function(){
    	seconds--;
    	document.getElementById('seconds').innerHTML=seconds;
    },1000); 
    </script>  
    
    <div id="sponsor">IL MIO CONTENUTO (chiusura in <span id="seconds">10</span> secondi)</div>

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2010
    Messaggi
    12
    Grazie ad entrambi, funziona

  5. #5
    Originariamente inviato da wilet
    Grazie ad entrambi, funziona
    Due risposte nello stesso minuto.

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.