[SOLUCIONADO] Reloj con Javascript

blancoarnau · #1 (**permalink**) 13/07/2013, 08:55

Hola a todos. Encontré un videotutorial en internet sobre como hacer un reloj digital en Javascript MUY sencillo. Yo soy bastante novato en este tema y no entendí una cosa del código:

Código HTML:

Ver original<html>
<head>
<title>Reloj</title>
</head>
<body onload="reloj()"><div id="body"></div>
</body>
<script type="text/javascript">
    function reloj() {
        var time = new Date();
        var hora = time.getHours();
        var minutos = time.getMinutes();
        var segundos = time.getSeconds();
        var recarga = setTimeout("reloj()", 1000);
 
document.getElementById("body").innerHTML= hora + ":" + minutos + ":" + segundos;
    }
</script>
</html>

No entiendo porque la variable "recarga" le igualamos a setTimeout, en teoría no tendría que hacer nada porque no la hemos nombrado en ningún sitio... ¿Alguien me lo puede explicar?

sagdec · #2 (**permalink**) 13/07/2013, 14:49

Bueno setTimeout es un método para el uso de los tiempos, es decir si queremos que después de un tiempo determinado se haga el llamado de una función, entonces lo que debemos usar es el método "setTimeout". El método setTimeout utiliza 3 argumentos como vemos a continuación.
var miSetOut = setTimeout( Funci , Tiempo );

Con eso pues se debe entender el porque esa variable se iguala al metodo.

saludos

la info la saque de esta pagina:
http://fgualambo.blogspot.mx/2011/10/uso-del-metodo-settimeout-en-javascript.html

alberto510a · #3 (**permalink**) 13/07/2013, 19:17

No te hace falta igualarlo a recarga ni nada porque tu esa variable no la necesitas está ahí como para darle un nombre pero tu tan solo estas usando una función que hace que cada 1000 milisegundos se ejecute otra.

Saludos

blancoarnau · #4 (**permalink**) 14/07/2013, 02:29

Pero sigo sin entender porque al escribirlo como una variable se ejecuta. El código que yo usaría es:

Código HTML:

Ver original<html>
<head>
<title>Reloj</title>
</head>
<body onLoad="reloj()"><div id="body"></div>
</body>
<script type="text/javascript">
    function reloj() {
        var time = new Date();
        var hora = time.getHours();
        var minutos = time.getMinutes();
        var segundos = time.getSeconds();
        setTimeout("reloj()", 1000);
 
document.getElementById("body").innerHTML= hora + ":" + minutos + ":" + segundos;
    }
</script>
</html>

Funciona perfectamente pero no entiendo porque con una variable funciona... ¿Se entiende lo que quiero decir?

Panino5001 · #5 (**permalink**) 14/07/2013, 07:19

setTimeout es un método de window que devuelve un identificador numérico; esto es fácil de comprobar colocándolo dentro de un alert o de la consola:

Código PHP:

  <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>

<body>
<script>alert(setTimeout(function(){},500))</script>
</body>
</html>

Ese identificador, si es asignado a una variable (por ejemplo: var timeoutID), sirve para cancelar la ejecución, antes de que venza el tiempo indicado en el 2do. argumento, utilizando la contraparte de este método, que es clearTimeout:

Código PHP:

  clearTimeout(timeoutID);

Si no vas a necesitar una cancelación no es necesario que "guardes" en una variable el valor de dicho identificador. En otras palabras, no es necesario que inicies ni asignes una variable con el valor del retorno del setTimeout.
Te recomiendo estas lecturas:
https://developer.mozilla.org/en-US/...dow.setTimeout
http://mdn.beonex.com/en/DOM/window.setTimeout.html
y especialmente este jsFiddle, el cual ejemplifica lo dicho acerca de la cancelación:
http://jsfiddle.net/madBYK/BjjBc/l