avviare una funzione conto alla rovescie che avvii un altra funzione

**omgprova** · 01-07-2021, 20.45.52

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

**omgprova** · 05-07-2021, 07.48.04

Risolto

**GraphOGLRisorse** · 05-07-2021, 13.09.27

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.

**omgprova** · 01-12-2021, 00.01.31

Originalmente inviato da GraphOGLRisorse

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>

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

LinkBack

Strumenti discussione

Display

avviare una funzione conto alla rovescie che avvii un altra funzione

Regole di scrittura