Visualizzazione risultati 1 fino 4 di 4

Discussione: avviare una funzione conto alla rovescie che avvii un altra funzione

  1. #1
    omgprova non Ŕ connesso Utente giovane
    Data registrazione
    03-02-2020
    Messaggi
    64

    Predefinito avviare una funzione conto alla rovescie che avvii un altra funzione

    salve come da titolo sto cercando di ottenere una funzione che faccia il conto alla rovescia e che avvii un altra funzione e che allo scadere del tempo si fermi tutto..

    al momento ho

    file1 php
    un array che ad ogni aggiornamento della pagina cambia la disposizione dei nomi
    Codice PHP:
    $ciclo = array("primo","secondo","terzo","quarto","quinto");
    shuffle($ciclo);
    echo (
    $ciclo[0])."<br>";
    echo (
    $ciclo[1])."<br>";
    echo (
    $ciclo[2])."<br>";
    echo (
    $ciclo[3])."<br>";
    echo (
    $ciclo[4]); 
    ----------------------------------------------------
    file2 php(pagina che visualizzo)
    tramite setInterval aggiorno il contenuto del div 2 volte al secondo
    Codice PHP:

    #conto alla rovescia
    <script> 
     function startTimer(duration, display) {
        var timer = duration, seconds;
        setInterval(function () {
           
            seconds = parseInt(timer % 60, 10);

           
            seconds = seconds < 10 ? "0" + seconds : seconds;

            display.textContent =  "00 :" + seconds;

            if (--timer < 0) {
                timer = duration;
            }
        }, 1000);
    }


    #aggiorna array
    window.onload = function () {
        var trentasec = 30 * 1,
            display = document.querySelector('#time');
        startTimer(trentasec, display);
    };
    </script>


    #visualizzo il tempo
        <div>Fine sorteggio <br><span id="time">00:30</span></div>

    <script type="text/javascript">
        setInterval(function(){
        $('#Aggiorna').load('random.php');
    }, 500);

    </script>


    #visualizzo array
    <div id="Aggiorna"><?php shuffle($ciclo);?></div>
    il mio problema Ŕ essendo un mondo sconosciuto quello di js non riesco a venirne fuori....

    mi servirebbe implementare un pulsante che avvia il conto alla rovescia partendo da 30 secondi e che avvia nello stesso tempo la funzione che aggiorna il div
    e che allo scadere dei 30 secondi si blocchi tutto
    qualcuno potrebbe aiutarmi?

    a titolo informativo tutto questo Ŕ per creare un sorteggio
    Ultima modifica di omgprova : 01-07-2021 alle ore 22.00.13

  2. #2
    omgprova non Ŕ connesso Utente giovane
    Data registrazione
    03-02-2020
    Messaggi
    64

    Predefinito

    Risolto

  3. #3
    GraphOGLRisorse non Ŕ connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    2,911

    Predefinito

    Salve,
    al fine di agevolare eventuali utenti che sono in cerca della stessa soluzione e finiscono in questa discussione, sarebbe utile se esponesse anche il metodo che ha usato per risolvere il problema.

    Cordiali saluti.

  4. #4
    omgprova non Ŕ connesso Utente giovane
    Data registrazione
    03-02-2020
    Messaggi
    64

    Predefinito

    Citazione Originalmente inviato da GraphOGLRisorse Visualizza messaggio
    Salve,
    al fine di agevolare eventuali utenti che sono in cerca della stessa soluzione e finiscono in questa discussione, sarebbe utile se esponesse anche il metodo che ha usato per risolvere il problema.

    Cordiali saluti.
    perdanami ...rileggendo questo post non ricordavo neanche d averlo fatto...ho controllato i file ed eccolo qui

    Codice:
    
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>       
    </head>
    
    
    
    <script>
    var myTimer;
       function clock() {
         myTimer=setInterval(myClock, 1000);
         var c=10;
    
         function myClock() {
           document.getElementById("demo").innerHTML=--c;
           if (c==0) {
             clearInterval(myTimer);
             alert('fine sorteggio');
           }
         }
       }
    </script>
    <body>
       
    
    
    <p id="demo">10</p>
    <button onclick="clock(); document.getElementById('demo').innerHTML='10';sorteggio()">Start counter</button>
    <button onclick="clearInterval(myTimer);">Stop counter</button>
    </body>
    
    
    
    <p id="demo"></p>
    
    
    <script type="text/javascript">
        function sorteggio() { setInterval(function(){ 
               $('#Aggiorna').load('squadre.php'); 
          },  500);
    	}
    </script>
        
    <div id="Aggiorna">
    <?php shuffle($squadre);?>
    </div>

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •