Função reiniciaJogo

No módulo 1 do jQuery, se clicarmos no link de reiniciar o jogo várias vezes, ele executa a função várias vezes e, ao fim do tempo, adiciona linhas no ranking de acordo com a quantidade de vezes que o botão foi clicado. Eu transformei o link em um botão e mantive ele desabilitado enquanto o tempo está contando. Porém se eu realizar essa repetição de cliques antes de entrar no campo de digitação, acontece a mesma coisa. Como eu posso evitar isso?

Segue meu código:

         <button id="reset-game" class="btn-floating btn-large waves-effect waves-light red">
            <i class="material-icons">restore</i>
        </button>
</div>

var tempoInicial = $('#tempo-digitacao').text();

function atualizaCronometro(){
    var tempo = $('#tempo-digitacao').text();
    campo.one("focus", function(){
        $("#reset-game").attr("disabled", true);
        var contagemID = setInterval(function(){
            tempo--;
            $('#tempo-digitacao').text(tempo);
            if(tempo < 1){
                finalizaJogo();
                clearInterval(contagemID);
            }    
        }, 1000);
    });
}

function reiniciaJogo(){
    campo.val("");
    campo.removeAttr("disabled");
    $("#contador-palavras").text("0");
    $("#contador-caracteres").text("0");
    $("#tempo-digitacao").text(tempoInicial);
    campo.removeClass("campo-desativado");
    campo.removeClass("campo-correto");
    campo.removeClass("campo-errado");
    atualizaCronometro();
}

function finalizaJogo(){
    campo.attr("disabled", true);
    campo.addClass("campo-desativado");
    $("#reset-game").removeAttr("disabled");                    
    inserePlacar();
}