temporizador considera o valor inicial do span inves do valor puxado pela requisição

Oi, Gabriel, tudo bem?

Desculpe a demora em te responder!

O problema que você mencionou está relacionado ao fato da variável tempoRestante estar fora da função one focus, sendo baseada no tempo inicial informado no corpo do documento HTML. Isso faz com que mesmo que o tempo inicial seja alterado no <span>, a contagem regressiva force o tempo para atender ao valor inicial. Por exemplo, se o tempo inicial é de 3 segundo, mesmo que o tempo para escrever a frase altere para outros valores, a contagem regressiva ainda irá se basear em 3 segundos.

Podemos solucionar este problema, alterando o escopo dessa variável e escrevendo-o dentro da função one focus de modo que o tempo irá seguir o valor de tempo informado no campo <span>. Desse modo o código seria escrito da seguinte maneira:

function inicializaCronometro() {
    campo.one("focus", function() {
        var tempoRestante = $("#tempo-digitacao").text();
        $("#botao-reiniciar").attr("disabled", true);

        var cronometroID = setInterval(function() {
            tempoRestante--;
            $("#tempo-digitacao").text(tempoRestante);
            if (tempoRestante < 1) {
                clearInterval(cronometroID);
                finalizaJogo();
            }
        }, 1000);
    });
}

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!