dúvida da function inicizalizaCronometro( );

function inicializaCronometro(){
    var tempoRestante = $("#tempo-digitacao").text();  //AQUI

    campo.one("focus", function(){
    var cronometroID = setInterval(function(){
        var restante = tempoRestante--;
        $("#tempo-digitacao").text(tempoRestante);
         if (tempoRestante < 1){
             campo.attr("disabled", true);
             clearInterval(cronometroID);
         }
    },1000);

     });


var tempoInicial = $("#tempo-digitacao").text();
function reiniciaJogo(){
    campo.attr("disabled", false);
    campo.val("");
    $("#contador-caracteres").text("0");
    $("#contador-palavras").text("0");
    $("#tempo-digitacao").text(tempoInicial);
    inicializaCronometro();

Por que a função inicializaCronometro( ); tem dentro dela a var responsável por pegar o conteúdo de texto dentro dela e a função reiniciaJogo( ); está com a var responsável por pegar o conteúdo de texto dela fora da função?

Deve ser uma coisa bem simples pelo jeito, mas não consigo ter uma noção do porque disso.