Cronometro efectivo cuando se cambia de página

David82 · #1 (**permalink**) 16/01/2009, 06:40

Hola a todos, necesito un cronometro que no se reinicie cuando cambio de página. Solo se puede realizar con frames? Estoy probando también con iframes pero no termina de funcionar.

Gracias!

Panino5001 · #2 (**permalink**) 16/01/2009, 11:49

Fijate si te sirve (el código tenés que copiarlo en las diferentes páginas donde querés que se aplique):

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script>
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('reloj'))
        l.innerHTML=parseInt(t/1000)+' segundos';
}
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>

</head>

<body>
<div id="reloj" onclick="finalizarReloj()"></div>
</body>
</html>

La idea es guardar la hora de arranque en la propiedad name de window para generar persistencia. Más info: http://www.disegnocentell.com.ar/notas2.php?id=178