Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema timer countdown

    Salve, dovrei realizzare un countdown che da un numero stabilito arrivi a 0 per poi eseguire delle azioni.

    Ho scritto questi codici:

    codice:
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    	var wActive = true;
    	var numAttuale = 10;
    	function upd() {
    		if(wActive === true) {
    			if(numAttuale > 0) {
    				$("#secs").html(numAttuale - 1);
    				numAttuale = parseInt($("#secs").html());
    			}
    		}
    	}
    	
    	if(numAttuale > 0) {
    		setInterval("upd()", 1000);
    	} else {
    		alert("Ciao");
    	}
    </script>
    <div id="timer">Attendi <span id="secs">10</span> secondi</div>
    Il countdown viene eseguito correttamente, ma quando arriva a 0 continua il setInterval e non esegue l' else (le ultime istruzioni dopo la function), qualcuno ha idea del perché?
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Semplicemente perché la condizione non viene più riletta, puoi risolvere utilizzando setTimeout()

    codice:
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    	var wActive = true;
    	var numAttuale = 10;
    	function upd() {
    		if(wActive === true) {
    			if(numAttuale > 0) {
    				$("#secs").html(numAttuale - 1);
    				numAttuale = parseInt($("#secs").html());
                                    if(numAttuale>0) setTimeout("upd()", 1000); else alert("Ciao");
    			}
                            
    		}
    	
            }
            
            setTimeout("upd()",1000);
    </script>
    <div id="timer">Attendi <span id="secs">10</span> secondi</div>

  3. #3
    Ottimo grazie
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

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.