[Bug] Classe permanece mesmo depois de reiniciar.

Olá, eu gostaria de saber se há algo errado com meu código, pois depois que ele adiciona a classe, ao final do contador, o campo de texto continua com a cor que coloquei, só sai quando eu atualizo a página.

CSS

.campo-digitacao {
    font-size: 20px;
    height: 130px;
    background-color: white; 
}

.campo-bloqueado {
    background-color: lightcyan;
}

.frase {
    font-size: 20px;
}

JS

function iniciaCronometro() {
    var tempoRestante = $("#tempo-digitacao").text();
    campo.one("focus", () => {
        $("#botao-reiniciar").attr("disabled", true);
        var cronometroId = setInterval(() => {
            tempoRestante--;
            $("#tempo-digitacao").text(tempoRestante);
            if (tempoRestante < 1) {
                campo.attr("disabled", true);
                clearInterval(cronometroId);
                $("#botao-reiniciar").attr("disabled", false);
                campo.addClass("campo-bloqueado");
            }
        }, 1000);
    });
}