Cronometro regressivo.

Bom dia pessoal, estou com um problema aqui.

Eu ja vi isso em um site e queria saber como fazer, queria um cronometro em PHP que quando o usuário clicar em um certo link ele inicia, por exemplo com (01:20:40) hora:min:seg ok?

Até ai tudo bem, o problema é que eu quero que isso seja executado no servidor de forma que quando ele sair do site ele continue funcionando.

Exemplo se ele sair por uma hora (01:00:00) e voltar o cronometro vai estar em (00:20:40) hora:min:seg.

O mesmo só para de 2 formas ou termina a contagem (00:00:00) ou ele clica em outro link cancelar.

Eu vi isso no site www.tribalwars.com.br e achei muito interessante e iria me ajudar em muitas coisas.

Se alguem souber como fazer isso por favor me ajude.

Abraço e Obrigado

O cronômetro só funciona quando o usuário está logado certo??
com um banco de dados mysql o que você pode fazer é anotar o horário de fim, e ele dá um <data de fim> - <data atual>.

<!--Data,dia e ano-->
<tr><td height="28" align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="bottom">


<script>
Hoje = new Date()

Data = Hoje.getDate()
Dia = Hoje.getDay()
Mes = Hoje.getMonth()
Ano = Hoje.getFullYear()
//

if (Data<10) {
Data = "0" + Data}
if (Ano < 2000) {
Ano = "19" + Ano}
//

NomeDia = new Array(7)

NomeDia[0] = "Domingo"
NomeDia[1] = "Segunda-feira"
NomeDia[2] = "Terça-feira"
NomeDia[3] = "Quarta-feira"
NomeDia[4] = "Quinta-feira"
NomeDia[5] = "Sexta-feira"
NomeDia[6] = "Sábado"
//

NomeMes = new Array(12)

NomeMes[0] = "Janeiro"
NomeMes[1] = "Fevereiro"
NomeMes[2] = "Março"
NomeMes[3] = "Abril"
NomeMes[4] = "Maio"
NomeMes[5] = "Junho"
NomeMes[6] = "Julho"
NomeMes[7] = "Agosto"
NomeMes[8] = "Setembro"
NomeMes[9] = "Outubro"
NomeMes[10] = "Novembro"
NomeMes[11] = "Dezembro"
//
// function MostrarData() {
document.write ("<font color='black' face='verdana,tahoma' size=1><b>" +

NomeDia[Dia] + ", <br>" + Data + " de " + NomeMes[Mes] + " de " + Ano +

"</b></font>")
// }
</script></td>
<!--/Data,dia e ano-->



<!--/Barra de pesquisa no Google-->
<td valign="bottom"> </td>
<td><img src="pixel_transparente.gif" width="200" height="1" alt=""

border="0"></td>

<form action="http://www.google.com/custom"; method="GET" target="_blank"

name="busca_google">
<td align="right">
<input type="hidden" name="domains"

value="www.linhadecodigo.com.br">;
<input type="hidden" name="sitesearch"

value="www.linhadecodigo.com.br"; checked>
<input type="text" name="q" size="40" class="link_11">
</td>

<td width="5"></td>
<td align="right" valign="bottom">
<input type="submit" name="buscar" value="Buscar"

class="link_10">
</td>
<td>  </td>
<noscript>
</td>
<!--/Barra de pesquisa no Google-->o-->