interruzione javascript

BiggDarknet · 04-05-2007, 09:47

ciao!
volevo sapere se in javascript esiste una funzione che "interrompe" il programma per qualche secondo.Mi spiego:
viene chiamata la funzione f(),dove all'interno possiede del codice.Durante l'esecuzione di questo codice volevo sapere se è possibile interrompere l'esecuzione per un tot secondi e poi riprendere finendo il codice restante della funzione f()...
Inoltre mi servirebbe (dato che la funzione viene chiamata da un file html..)che durante tale interruzione nn fosse possibile effettuare nessun tipo di input sul file html...
grazie mille

andbin · 04-05-2007, 10:42

Quote:

Originariamente inviato da BiggDarknet

ciao!
volevo sapere se in javascript esiste una funzione che "interrompe" il programma per qualche secondo.Mi spiego:
viene chiamata la funzione f(),dove all'interno possiede del codice.Durante l'esecuzione di questo codice volevo sapere se è possibile interrompere l'esecuzione per un tot secondi e poi riprendere finendo il codice restante della funzione f()...
Inoltre mi servirebbe (dato che la funzione viene chiamata da un file html..)che durante tale interruzione nn fosse possibile effettuare nessun tipo di input sul file html...
grazie mille

In Javascript non esiste una funzione sleep o wait. Tieni presente che nei browser la gestione di Javascript è mono-thread. Questo vuol dire che finché un pezzo di codice Javascript è in esecuzione, tutto quanto è bloccato (e per tutto intendo l'intera finestra del browser).

Per fare uno sleep si potrebbe fare una funzione del genere:

Codice:

function sleepTime (millis)
{
    var t2 = new Date()-0 + millis;
    while (new Date()-0 < t2)
        ;
}

Come ho appena detto sopra, questa funzione bloccherebbe tutto per il tempo specificato in millisecondi.

Bloccare tutto non è affatto una buona idea, oltretutto certi browser (es. Firefox) se ne accorgono se uno script Javascript sta impiegando troppo tempo e chiedono all'utente se si vuole bloccare lo script.

Per eseguire funzioni a determinati intervalli di tempo o dopo un tot di tempo è preferibile usare i metodi setTimeout() o setInterval() dell'oggetto window.

MEMon · 04-05-2007, 11:39

Quoto andbin.
Se ti accontenti puoi fare in modo di eseguire cicli che "sembrano" essere in multi thread, ad esempio:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript">
	var i=0;

	function loop(n){
		i=n;
		if(n<1000) setTimeout(loop,1,++n);
		else alert("ciclo finito");
	}
	
	function call(){
		setTimeout(loop,1,i);
		alert("Ciclo avviato");
	}
	
	function showState(){
		alert("Avanzamento ciclo(i): "+i);
	}
</script>
</head>
<body onload="call();">
</body>
<form>
<input type="button" value="press" onclick="showState();" />
</form>
</html>

Qui come vedi fai un ciclo e nel mentre puoi premere il pulsante e fare tutto quello che vuoi, altrimenti l'interfaccia grafica e tutto il browser sarebbero bloccati.
Il difetto però è che è molto ma molto più lento nell'eseguire il ciclo, infatti è temporizzato per dar spazio anche alle altre cose di essere esguite correttamente.

Comunque ti posso dire che in javascript se ti serve fermare il flusso del programma allora hai probabilmente sbagliato a progettare il codice.

andbin · 04-05-2007, 12:03

Quote:

Originariamente inviato da MEMon

setTimeout(loop,1,i);

Faccio solo presente che, come dice bene <qui> la documentazione, usare la sintassi in cui si passano parametri aggiuntivi, porta a codice non compatibile con IE.

MEMon · 04-05-2007, 12:26

Si hai ragione

allora diventa

setTimeout(function(){loop(i);},1);

BiggDarknet · 05-05-2007, 13:23

grazie mille!
Era + o meno quello che mi serviva..
A me serviva semplicemente visualizzare un immagine gif per un determinato tot di tempo e poi ,dopo un tot secondi, visualizzarne un'altra "attivando" gli input...La funzione di andbin mi è un po' scomoda poichè a me servirebbe bloccare solo gli input (come gli onclick...) non tutto...
non è che potreste darmi un approfondimento sull'utilizzo di setTimeout??

MEMon · 05-05-2007, 14:41

Bhe usi il setTimeout, in pratica chiami una funzione dopo tot millisecondi.
Esempio:

Codice:

function test(){
    alert("ciao");
}

setTimeout(test,1000);

Dopo 1000 msec(1 secondo) viene chiamata la funzione test.

Per il tuo caso ne usi due, guarda se una cosa del genere ti può andare bene, è solo un esempio eh http://allejp.netsons.org/varie/Timer.html

BiggDarknet · 05-05-2007, 20:25

ok...perfetto!!(soprattutto l'esempio!)
solo una cosa...ma se io la funzione ce l'ho in un file ad esempio script.js e ho bisogno di passare dei parametri alla funzione (ad esempio funzione(document.getElementById(x)) ), devo digitare setTimeout(funzione(document.getElementById(x)),1000) ?? oppure devo fare in un altro modo..Perchè facendo così mi da l'errore nei parametri che gli passo nel file .js!!

MEMon · 05-05-2007, 20:35

Scrivi per bene il codice che usi che vediamo, così non ho capito nulla.

andbin · 05-05-2007, 21:30

Quote:

Originariamente inviato da BiggDarknet

ok...perfetto!!(soprattutto l'esempio!)
solo una cosa...ma se io la funzione ce l'ho in un file ad esempio script.js e ho bisogno di passare dei parametri alla funzione (ad esempio funzione(document.getElementById(x)) ), devo digitare setTimeout(funzione(document.getElementById(x)),1000) ?? oppure devo fare in un altro modo..Perchè facendo così mi da l'errore nei parametri che gli passo nel file .js!!

Così non è fa quello che ti aspetti:

setTimeout (func (arg), 1000);

Se ci pensi un attimo, questa è una normalissima chiamata a funzione, il cui valore di ritorno è poi passato come argomento alla setTimeout!!!

Per essere più chiari: non vuol dire "esegui dopo 1 secondo la funzione 'func' passando come argomento 'arg'" ma bensì "esegui la funzione 'func' passando come argomento 'arg' e il valore di ritorno passalo alla setTimeout" (e il valore di ritorno ovviamente non è una funzione).

Chiaro adesso?

04-05-2007, 09:47	#1
BiggDarknet Member Iscritto dal: Mar 2007 Messaggi: 51	interruzione javascript ciao! volevo sapere se in javascript esiste una funzione che "interrompe" il programma per qualche secondo.Mi spiego: viene chiamata la funzione f(),dove all'interno possiede del codice.Durante l'esecuzione di questo codice volevo sapere se è possibile interrompere l'esecuzione per un tot secondi e poi riprendere finendo il codice restante della funzione f()... Inoltre mi servirebbe (dato che la funzione viene chiamata da un file html..)che durante tale interruzione nn fosse possibile effettuare nessun tipo di input sul file html... grazie mille

04-05-2007, 11:39	#3
MEMon Senior Member Iscritto dal: Dec 2002 Messaggi: 3359	Quoto andbin. Se ti accontenti puoi fare in modo di eseguire cicli che "sembrano" essere in multi thread, ad esempio: Codice: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <script type="text/javascript"> var i=0; function loop(n){ i=n; if(n<1000) setTimeout(loop,1,++n); else alert("ciclo finito"); } function call(){ setTimeout(loop,1,i); alert("Ciclo avviato"); } function showState(){ alert("Avanzamento ciclo(i): "+i); } </script> </head> <body onload="call();"> </body> <form> <input type="button" value="press" onclick="showState();" /> </form> </html> Qui come vedi fai un ciclo e nel mentre puoi premere il pulsante e fare tutto quello che vuoi, altrimenti l'interfaccia grafica e tutto il browser sarebbero bloccati. Il difetto però è che è molto ma molto più lento nell'eseguire il ciclo, infatti è temporizzato per dar spazio anche alle altre cose di essere esguite correttamente. Comunque ti posso dire che in javascript se ti serve fermare il flusso del programma allora hai probabilmente sbagliato a progettare il codice. Ultima modifica di MEMon : 04-05-2007 alle 11:49.

05-05-2007, 13:23	#6
BiggDarknet Member Iscritto dal: Mar 2007 Messaggi: 51	grazie mille! Era + o meno quello che mi serviva.. A me serviva semplicemente visualizzare un immagine gif per un determinato tot di tempo e poi ,dopo un tot secondi, visualizzarne un'altra "attivando" gli input...La funzione di andbin mi è un po' scomoda poichè a me servirebbe bloccare solo gli input (come gli onclick...) non tutto... non è che potreste darmi un approfondimento sull'utilizzo di setTimeout?? Ultima modifica di BiggDarknet : 05-05-2007 alle 13:34.

05-05-2007, 14:41	#7
MEMon Senior Member Iscritto dal: Dec 2002 Messaggi: 3359	Bhe usi il setTimeout, in pratica chiami una funzione dopo tot millisecondi. Esempio: Codice: function test(){ alert("ciao"); } setTimeout(test,1000); Dopo 1000 msec(1 secondo) viene chiamata la funzione test. Per il tuo caso ne usi due, guarda se una cosa del genere ti può andare bene, è solo un esempio eh http://allejp.netsons.org/varie/Timer.html

04-05-2007, 12:26	#5
MEMon Senior Member Iscritto dal: Dec 2002 Messaggi: 3359	Si hai ragione allora diventa setTimeout(function(){loop(i);},1);

05-05-2007, 20:25	#8
BiggDarknet Member Iscritto dal: Mar 2007 Messaggi: 51	ok...perfetto!!(soprattutto l'esempio!) solo una cosa...ma se io la funzione ce l'ho in un file ad esempio script.js e ho bisogno di passare dei parametri alla funzione (ad esempio funzione(document.getElementById(x)) ), devo digitare setTimeout(funzione(document.getElementById(x)),1000) ?? oppure devo fare in un altro modo..Perchè facendo così mi da l'errore nei parametri che gli passo nel file .js!!

05-05-2007, 20:35	#9
MEMon Senior Member Iscritto dal: Dec 2002 Messaggi: 3359	Scrivi per bene il codice che usi che vediamo, così non ho capito nulla.

Strumenti
Mostra una versione stampabile Invia questa pagina per email