[jQuery] Problème compte à rebours

Bonjour,

J'ai un problème avec un compte à rebours que j'ai créé en jQuery.
Il décompte trois secondes pendant lesquelles la page s'assombrit, puis elle revient normal. Je déclenche ce compte à rebours avec un bouton.

Mon problème vient du fait que lorsque je clique une première fois sur le bouton, il me décompte bien 3 réelles secondes. Si je me sers encore du bouton, le compte à rebours est de plus en plus rapide et part en vrille.

Voici mon code :

var sec = 3;
function countdown() {
setTimeout(countdown, 1000);
$("#countdown").html(sec);
sec--;
if(sec<0) {
sec = 0;
$("#filtre, #countdown").attr("style","display: none;");
} 
clearTimeout(countdown);
}

Est-ce que quelqu'un saurait me dire comment "stabiliser" les 3 secondes ?

Merci d'avance