Gracias Amigo por intentar ayudarme
como no soy muy bueno con las cookie
intente con window.name
ya funciona que no se resetee el porcentaje y la barra
pero ahora el error es que el porcentaje y la barra no cordina con los minutos restantes
el codigo es el siguiente:
Código PHP:
<?php
//echo time();
$hora = (1313452293 + 900);
$fecha = date('m d Y H:i:s', $hora);
$tiempo = $hora-time();
?>
Código Javascript
:
Ver original<script>
// TIEMPO RESTANTE
var tiempo = <?php echo $tiempo; ?>;
function minutos_restantes() {
tiempo -= 1;
var minutos = Math.floor(tiempo / 60);
var segundos = tiempo % 60;
if(segundos < 10) {
segundos = '0' + segundos;
} else if (minutos < 10) {
minutos = '0' + minutos;
}
if(tiempo <= 0) {
finalizarReloj()
//setTimeout("location.href=" + document.URl);
} else {
document.getElementById('contador').innerHTML = minutos + ':' + segundos;
}
}
setInterval('minutos_restantes();',1000);
// BARRA Y PORCENTAJE
function iniciarReloj(){
window.name='{"horaArranque":'+new Date().getTime()+'}';
window.intervalo=setInterval(continuarReloj,1000);
}
function continuarReloj(){
if(!window.hArr)
window.hArr=new Function('return '+window.name)();
var horaArranque=window.hArr.horaArranque;
var now=new Date().getTime();
var t=now-horaArranque,l;
if(l=document.getElementById('porciento'))l.innerHTML=parseInt(t/1000 % 100)+'%';
if(l=document.getElementById('barra'))l.style.width=parseInt(t/1000 % 100)+'px';
}
function finalizarReloj(){
window.name='';
window.hArr=null;
clearInterval(window.intervalo);
window.intervalo=null;
}
onload=function(){
if(window.name.indexOf('horaArranque')==-1)
iniciarReloj();
else
window.intervalo=setInterval(continuarReloj,1000);
}
</script>
Código HTML:
<span id="contador"></span>
<div style="width: 200px; height: 20px; border: 1px solid gray" >
<div id="barra" style="width: 0%; height: 100%; background-color: pink"></div>
<span id="porciento"></span>
</div>
Espero puedan ayudarme que este codigo se me hace cada vez mas fuerte
