Rallentare esecuzione dello script

**mgs** · 17-12-2007, 23:52

Salve a tutti, stavo facendo qualche esperimento, cioè, allungare un div al clik dell'utente, ma purtroppo si apre di botto, non saprei come rallentare, ho provato la funzione setTimeout() ma non riesco, mi dà un'errore che non riesco ad individuare..

il codice è questo:

Codice PHP:


<!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>Prova</title>

<script type="text/javascript">

<!--

function allunga(id){

var box = document.getElementById(id);

setTimeout('allunga()',1000);

var x=1;

while(x<300){

box.style.height=x;

x++;

}

}

//-->

</script>

<style type="text/css">

<!--

#centro {

width: 500px;

margin-right: auto;

margin-left: auto;

border: thin solid #EAEAEA;

background-color: #393939;

color: #F9F9F9;

text-align: center;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

padding: 5px;

}

-->

</style>

</head>

<body>

<div id="centro"><a onclick="allunga('centro')">centro</a></div>

</body>

</html>

chi mi dà una mano a capire? grazie ^^

**floyd** · 18-12-2007, 09:56

allunga ha un parametro in input
setTimeout('allunga("' + id + '")', 1000);

**Peter_Pan** · 18-12-2007, 10:24

Codice PHP:


<!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>Prova</title> 

<script type="text/javascript"> 

<!-- 

var x=15;



function allunga(id){ 

    var box = document.getElementById(id); 

    setTimeout('allunga("centro")',100); 

     

    //while(x<=300) { 

    if (x<=300) {

        //alert("ok");

        box.style.height=x; 

        x++; 

    }

    //} 

} 

//--> 

</script> 

<style type="text/css"> 

<!-- 

#centro { 

    width: 500px; 

    margin-right: auto; 

    margin-left: auto; 

    border: thin solid #EAEAEA; 

    background-color: #393939; 

    color: #F9F9F9; 

    text-align: center; 

    font-family: Verdana, Arial, Helvetica, sans-serif; 

    font-size: 12px; 

    padding: 5px; 

} 

--> 

</style> 

</head> 

<body> 

<div id="centro"><a onclick="allunga('centro')">centro</a></div> 

</body> 

</html>

Così funziona, oltre al fatto che allunga ha bisogno di un id, ci sono anche un'altro paio di cose, la riavibile x deve stare fuori della funzione e deve partire non da 1 ma bensì dalla dimenzione del div, altra cosa non ci vuole un cilco while ma un if.

Discussione: Rallentare esecuzione dello script

Strumenti discussione

Ricerca discussione

Visualizza

Rallentare esecuzione dello script

Permessi di invio