setTimeout() non funzionante

**HammerOn** · 06-11-2009, 17:06

hola mastri web,

sto cercando di implementare un semplice script che mi faccia fare un effetto slide ad un div

codice:

<html>
<head><title></title>

<script type="text/javascript" language="javascript">
//<![CDATA[
var rightPosition=50;
var leftPosition=-150;

function horizontalSlide(idDivToSlide){
         var slidingDiv = document.getElementById(idDivToSlide);

         if(parseInt(slidingDiv.style.left) == rightPosition){
            while(parseInt(slidingDiv.style.left) > leftPosition){
                    setTimeout('nop()', 1000);
                    slidingDiv.style.left = parseInt(slidingDiv.style.left) - 2 + "px";
            }
         }
         else{
            while(parseInt(slidingDiv.style.left) < rightPosition){
                    setTimeout("nop()", 1000);
                    slidingDiv.style.left = parseInt(slidingDiv.style.left) + 2 + "px";
            }
         }
}

function nop(){}

//]]>
</script>
</head>
<body>

<div id="d2" onclick="horizontalSlide('d1');">click here to slide the div</div>
<div id="d1" style="position:absolute; left:-150px; top:30px">horizontally sliding div</div>

</body>
</html>

l'effetto di questa paginetta non è quello desiderato.
Il div che dovrebbe scorrere, compare e scompare senza l'effetto slide.

Di conseguenza sembra che la funzione setTimeout non faccia il suo sporco lavoro.....dove sbaglio?

**Senamion** · 06-11-2009, 17:09

Forse:

codice:

setTimeout(nop(), 1000);

**HammerOn** · 06-11-2009, 17:13

setTimeout prende in ingresso una stringa e un intero (se non erro)

**Xinod** · 06-11-2009, 17:15

il while e' sicuramente sbagliato, non puoi usare cicli e simili come passi di un' animazione

**HammerOn** · 06-11-2009, 17:21

ma scusa, tecnicamente la funzione setTimeout non dovrebbe attendere x millisecondi prima di eseguire quello scritto nel primo parametro? mi sbaglio? il fatto utilizzo il while cosa cambia?

**Xinod** · 06-11-2009, 17:37

tu non vedi i passi dell' animazione perche' la velocita' a cui viene eseguito un while non permette di aggiornare quel valore dell' attributo dello stile che cerchi di modificare

intanto accodi un' infinita' di nop() da eseguire ...finche' il browser ti sta dietro

**HammerOn** · 06-11-2009, 17:47

mhmh continuo a non capire, nel senso....(ho capito quello che mi stai dicendo ma non capisto il perche)....
javascript non è un linguaggio procedurale? tecnicamente non esegue l'istruzione successiva prima di aver eseguito quella corrente? di conseguenza l'istruzione successiva del while dovrebbe attendere l'esecuzione del setTimeout (che viene eseguita dopo 1000ms) no?

**HammerOn** · 06-11-2009, 17:52

azz, ho provato a sostituire la chiamata nop() con un alert.

risultato: mi esegue gli alert dopo un secondo l'uno dall'altro, di conseguenza suppongo che setTimeout apre un nuovo thread senza bloccare l'esecuzione della funzione.....mannaggiaupatataun

!!!!

Discussione: setTimeout() non funzionante

Strumenti discussione

Ricerca discussione

Visualizza

setTimeout() non funzionante

Permessi di invio