Problème avec un compteur

Bonjours j'explique se que je recherche a faire:

Je veux intégrer un Dé-compte de 30min et quand il a ateint le 30min qu'il affiche un texte que je voudrez écrire, et apres que le compteur recommence a re compter encore le 30min

j'ai trouver ceci:

<script language='JavaScript'>
function t()
{
var compteur=document.getElementById('compteur');
s=duree;
m=0;h=0;
if(s<0) {compteur.innerHTML="<font color='red'>TEXTE QUE JE VEUX QUI APPARAIT APRES LE DECOMPTE</font>"+""}
else{if(s>59){ m=Math.floor(s/60); s=s-m*60 } if(m>59)
{ h=Math.floor(m/60); m=m-h*60 }
if(s<10) { s="0"+s }
if(m<10) { m="0"+m } compteur.innerHTML=h+":"+m+":"+s+"" }
duree=duree-1; window.setTimeout("t();",999); }
</script>
<span id='compteur'></span>
<script language='JavaScript'>
duree="1800";
t();
</script>

Sauve que le probleme ses qu'a chaque fois que la page web s'actualise le compteur recommence a 30min

il y aurait t'il une facon que la page s'actualise mais pas le compteur ?

Merci beaucoup de votre aide...