Crear contador con tiempo prederminado

fernando5k · #1 (**permalink**) 13/03/2007, 09:47

Hola a todos los del Foro.

Tengo un problema necesito hacer un contador el cual empieze desde cierta cantidad y que incremente su numero cada 10 segundos, por ejemplo:

la cantidad empezaria en 0563 000 y el empezaria a avanzar cada 10 segundos, esto claro es para una pagina web

alguien podria ayudarme? lo necesito mucho

JavierB · #2 (**permalink**) 13/03/2007, 09:51

Hola fernando5k. Bienvenido al foro.

Para ejecutar una función cada cierto tiempo, puedes utilizar setInterval:

setInterval('tufuncion()',10000);

Lo que no entiendo es que significa que empiece en 0563 000

Saludos,

fernando5k · #3 (**permalink**) 13/03/2007, 10:11

jaja mira es una cifra de ahorro de energia que manejamos aqui donde trabajo... no sea real jaja pero me dijeron que la pusiera...... oye una pregunta en que parte pongo esa funcion?

JavierB · #4 (**permalink**) 13/03/2007, 10:35

Hola de nuevo.

Un ejemplo completo:

Código:

<html>
<head>
<script type="text/javascript">
var inicio = 200;
var tmp;
function contar() {
  inicio--;
  document.getElementById('tiempo').innerHTML = inicio;
  if (inicio==0) {
    clearInterval(tmp);
    alert('Tiempo agotado');
  }
}
</script>
</head>
<body onload = "tmp=setInterval('contar()',10000)">
<p id="tiempo">200</p>
</body>
</html>

Saludos,

fernando5k · #5 (**permalink**) 13/03/2007, 10:49

Hola de nuevo!... como molesto verdad :( pero me lo piden en mi trabajo

<html>
<head>
<script type="text/javascript">
var inicio = 0563000; /*por ejemplo aqui sustituyo por la cantidad que quiero?/*
var tmp;
function contar() {
inicio++;
document.getElementById('tiempo').innerHTML = inicio;
if (inicio==0) {
clearInterval(tmp);
alert('Tiempo agotado');
}
}
</script>
</head>
<body onload = "tmp=setInterval('contar()',10000)">
<p id="tiempo">200</p> /*o en esta parte?/*
</body>
</html>

te lo agradeceria muchisimo

JavierB · #6 (**permalink**) 13/03/2007, 11:05

Rehola.

var inicio = 0563000; /* aquí es donde tienes que poner la cantidad inicial */

<p id="tiempo">200</p> // esta línea es sólo para mostrarlo en pantalla, si no quieres que se vea, puedes quitarla.

Saludos,

fernando5k · #7 (**permalink**) 13/03/2007, 11:14

Hola javier

<html>
<head>
<script type="text/javascript">
var inicio = 0563000;
var tmp;
function contar() {
inicio++;
document.getElementById('tiempo').innerHTML = inicio;
if (inicio==0) {
clearInterval(tmp);
alert('Tiempo agotado');
}
}
</script>
</head>
<body onload = "tmp=setInterval('contar()',10000)">
<p id="tiempo">200</p>
</body>
</html>

pero cuando lo guardo y ejecuto el html me aparece una cantidad rara 189954... otra duda este contador se reinicia cada que cargas la pagina, habra alguna forma de que siga la cuenta hasta que para el final del año llegue a una cifra en especial

algo parecido a lo que esta en esta pagina... o de hecho igual al de la pagina green.yahoo.com el contador que esta en la parte izquierda arriba

derkenuke · #8 (**permalink**) 13/03/2007, 13:40

Lo de la cantidad rara (198954) es porque toma el número 0563000 como octal, al empezar por cero, y lo imprime en decimal. Para resolver esto quitamos el cero de delante.

Lo de mantener un número y que al refrescar no se vuelva a cero se puede hacer con un lenguaje de servidor, no con javascript. Si la pagina web se visualizará en un PC y sólo en un PC podrías guardarlo con una cookie... pero no se me ocurre una idea mejor..

fernando5k · #9 (**permalink**) 13/03/2007, 15:32

gracias por responder a mi inquietud!... sabras donde podria conseguir algo asi? la verdad estoy medio desesperado

derkenuke · #10 (**permalink**) 13/03/2007, 16:29

Yo combinaría la lógica de guardar una variable en el servidor como en http://www.webexperto.com/articulos/...isitas-simple/ y todo eso que ya hemos visto de contar con javascript.