tratanto el tiempo en js

[Albuss]

Buenas de nuevo!

tengo dos preguntas fundamentales sobre como trata el tiempo javascript, la primera y mas sencilla de ellas es que las funciones timeup-setinterval funcionnan cal que asi : 1000 equivale a un segundo, expresado en miles de milisegundos.

por favor, no me judgueis por lo que voy a preguntar ahora (no hay preguntas tontas, solo tontos que no preguntan) :

600 decimas de segundo no equivalen a 1000 es decir a un segundo? como es la conversion? es decir, dado 0060 == 0100 || 0600 == 1000 ?


Bueno, la segunda custion trata mas bien sobre ciclos, me preguntaba cual era la mejor manera de tratar ciclos basandose en tiempo en Javascript, es decir, si tengo 100 puntitos y los quiero animar a razon de 30 movimientos por segundo ¿que deberia utilizar? una funcion global para todos ellos o una funcion para cada puntito?, utilizar las funciones de tiempo o moverme por alggun paradigma de ciclos?

[ocp001a]

Respecto a tu pregunta inicial, usa las matemáticas, 600 décimas de segundo son 60 segundos.

Sin embargo, ya que en los intervalos de javascript se usan milésimas de segundo, 600 décimas equivalen a 60,000 milésimas.

O visto de otra forma y para que no se confunda el humano, es común encontrar códigos como este:

setInterval(function(){alert("Hello")},60*1000);

donde al indicar 1000 milésimas, estás indicando 1 segundo. por tanto el código se ejecuta cada 60 segundos.

Así, podríamos tener

5*1000 //cada 5 segundos
0.5*1000//cada medio segundo
3600*1000//cada hora, o lo que es lo mismo 60*60*1000

Para tu segunda pregunta, no creo que fuera necesario un temporizador por cada punto, a menos que éstos tuvieran "identidad" propia y pudieran moverse o detenerse de forma independiente, en tal caso tal vez, pero aún así si solo hablamos de animación donde debe haber un solo controlador de frames, no debería ser necesario un temporizador individual para controlar el movimiento.

[Alexis88]

Iba a decir exactamente lo mismo que ocp001a, son cálculo sencillos, el prefijo deci equivale a 1/10, mientras que mili equivale a la 1/1000, por lo tanto, las 600 décimas a las que haces referencia, equivalen a 60000 milésimas por lo siguiente:


Sabiendo que:

décimas = 1 / 10
milésimas = 1 / 1000

Aplicamos en nuestro problema:

milésimas / 1000 = 600 / 10
milésimas / 1000 = 60
milésimas = 60 * 1000
milésimas = 60000
(600 décimas de segundo equivalen a 60000 milésimas de segundo)


Para lo segundo, concuerdo nuevamente con ocp001a, no es necesario un temporizador por cada punto, puedes aplicar uno al grupo de puntos, por ejemplo:

Para el caso de N puntos insertados en elementos <span> y con posición relativa

Código Javascript:

var puntos = document.getElementsByTagName("span"),
    total = puntos.length,
    i = 0;
    animate = {
        show: function(){
            puntos[i].style.top = "1em";
            i = i == total - 1 ? 0 : ++i;
            puntos[i].style.top = 0;
        }
    };
 
window.onload = function(){
    puntos[i].style.top = "1em";
};
 
setInterval(animate.show, 75);
 

Lo anterior se ve así: http://jsbin.com/leyexavo/1

Es un ejemplo muy sencillo y mejorable, pero básicamente la idea es esa.

Saludos