Problema con barra de tiempo restante

[SeaPirates]

Estoy intentando que la barra se actualice con el tiempo que queda y su porcentaje, pero no sé porque cambia el ancho del div a "width: 4.36534e+11%"

Código Javascript:

function barra(){
var tiempo = new Date();
var segs = "<? echo $segs; ?>";
var am = "<? echo $city['build_'.$encon.'_cons_time']; ?>";
var re = tiempo.getTime()-am;
var cien = re*100;
var por = cien/segs;
document.getElementById('ampliando').style.width=''+por+'%';
}
setInterval("barra()",1000);
 

[Panino5001]

Ya que desconozco qué entrega tu código php, sólo puedo decirte que parece que estás intentando operar segundos contra milisegundos (getTime entrega milisegundos).

[SeaPirates]

Sí, me di cuenta ese es el problema, intento hacer esto:

Código Javascript:

function barra(){
var tiempo = "<? echo time();?>";
var segs = "<? echo $segs; ?>";// El tiempo que tardara en construirse
var am = "<? echo $city['build_'.$encon.'_cons_time']; ?>"; //Recoje de la db cuando empieza a construirse
var re = tiempo-am;
var cien = re*100;
var por = cien/segs;
document.getElementById('ampliando').style.width=''+por+'%';
tiempo++;
}
setInterval("barra()",1000);
 

Como recojo el tempo desde php, tiene que sumarle, porque si no siempre da el mismo resultado, pero igualmente no me funciona.

[dukeblass]

asi asi.
supongo que tus variables $segs y $encom tendrán un contenido antes de ejecutar el código, otro detalle es el <? es la forma corta de php que tiene que estar activada, revisa eso.....

y porque no recojes el tiempo por javascript y luego el tiempo por la bd (que puede ser una cookie)... digo no¿?

[SeaPirates]

Las variables recojen bien el tiempo, y me funciona pero solo 1 vez, porque al recojer el tiempo con php siempre es el mmismo y por tanto realiza los mismos calculos.

He intentado con getTime:

var re = tiempo.getTime()-am;

Pero al sacarlo en milisegundos y la fecha que se guarda con php es unix time(), no cuadra..


PD: He probado asi:

Código Javascript:

function barra(){
var tiempo = new Date();
var segs = "<? echo $segs; ?>";
var am = "<? echo $city['build_'.$encon.'_cons_time']; ?>";
var pasar = Math.floor(tiempo.getTime()/1000);
var re = pasar-am;
var cien = re*100;
var por = cien/segs;
document.getElementById('ampliando').style.width=''+por+'%';
}
setInterval("barra()",1000);
 

Pero no me funciona, me da negativo :S

[dukeblass]

si puedes explicar, que contiene $segs y $encom, de donde obtiene su contenido y que tipo de contenido es porque allí es donde me pierdo

... si dices que te a funcionado pero te da negativo, multiplicalo por (-1), lo pasa a positivo, y listo

[SeaPirates]

Aver, $segs es el numero calculado de segundos que tardará en construirse el edificio, y $encon es la id del edificio que se encuentra ampliando