¿como pasar parámetros a una función setInterval( instrucciones, tiempo, parametros )

jor_0203 · #1 (**permalink**) 28/10/2011, 00:58

¿como pasar parámetros a una función setInterval( instrucciones, tiempo, parametros );?
alguien tiene ejemplo aplicados a un div
setInterval( instrucciones, tiempo, parámetros );
este ejemplo que esta abajo no me funciona ojala alguien tenga un ejemplo
______________________________________…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-…
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script type="text/javascript">
function mensaje(a){
et=parseInt(document.getElementById(…
et++;
document.getElementById(a).innerHTML = et;
document.getElementById(a).style.height=et+"px";

}
</script>

</head>

<body>

<input type="button" id="recoger" value="recoger" onclick=" setInterval('mensaje('capa2')',1000);" />

<div id="capa2" style="width:720px; height:305px; background-color: #CC0000; position:relative;"></div>
</body>
</html>

IsaBelM · #2 (**permalink**) 28/10/2011, 07:57

un poco de lectura

Cita:

var intervalo = setInterval(function(valor){fnc(1)}, 5000);

jor_0203 · #3 (**permalink**) 28/10/2011, 15:18

Cita:

Iniciado por IsaBelM

[URL="https://developer.mozilla.org/en/DOM/window.setInterval"]un poco de lectura[/URL]

que hermoso ejemplo
que inteligente
aunque todavía no puedo pasar valores a los div por el id para que sean dinámicos
pero voy a tratar de hacerlo con tu ejemplo
ojala pueda
que mujer tan inteligente eres
se despide tu admirador numero uno
gracias por todo

Raziel_Ravenheart · #4 (**permalink**) 28/10/2011, 15:35

Jor, utiliza los editores de código que se desplegan en el menú que dice highlight... por que el procesador de texto del foro corta el código y si no está el código completo no podemos ayudarte.... esta arriba a la izquierda de los emoticonos (mirando pantalla), no te cuesta nada poner el código entre esas etiquetas...

Exitos.. ya te respondí la de setTimeOut, para recoger los diferentes divs

jor_0203 · #5 (**permalink**) 28/10/2011, 22:37

Cita:

Iniciado por jor_0203

¿como pasar parámetros a una función setInterval( instrucciones, tiempo, parametros );?
alguien tiene ejemplo aplicados a un div
setInterval( instrucciones, tiempo, parámetros );
este ejemplo que esta abajo no me funciona ojala alguien tenga un ejemplo
______________________________________…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-…
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>

<script type="text/javascript">
function mensaje(a){
et=parseInt(document.getElementById(…
et++;
document.getElementById(a).innerHTML = et;
document.getElementById(a).style.height=et+"px";

}
</script>

</head>

<body>

<input type="button" id="recoger" value="recoger" onclick=" setInterval('mensaje('capa2')',1000);" />

<div id="capa2" style="width:720px; height:305px; background-color: #CC0000; position:relative;"></div>
</body>
</html>

jor_0203 · #6 (**permalink**) 28/10/2011, 22:39

ya encontré una solución para hacer una función global cuando usamos tiempo

Código PHP:

Ver original<!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=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
var p=0,t;
function mover(obj){
if(p>350){
clearTimeout(t);
p=0;
return;
}
p+=5;
document.getElementById(obj).style.height=p+'px';
t=setTimeout( function(){ mover(obj) },30 ); }
</script>
</head>
<body>
<div id="cuadros" style="width:50px; height:50px; background-color:#F00;
position:absolute; text-align:center; line-height:50px; color:white" onClick="mover('cuadros')">click</div>
<br />
<br />
<br />
<div id="cuadro" style="width:50px; height:50px; background-color:#F00; position:absolute; text-align:center; line-height:50px; color:white; left: 78px; top: 13px;" onClick="mover('cuadro')">click</div>
</body>
</html>