.one vs .on

Olá, Conforme as aulas, o seguinte código necessita do .one:

var timerElement = $("#timer");
var timerText = timerElement.text();
$(".campo-digitacao").one("focus", function() {
    var intervalID = setInterval(function() {
        if (timerText > 0) {
            timerElement.text(--timerText);
        }
        if (timerText <= 0) {
            clearInterval(intervalID);
            $(".campo-digitacao").attr("disabled", true);
        }
    }, 1000);

});

Porém, o seguinte código não:

$(".campo-digitacao").on("focus", function() {
    var timerElement = $("#timer");
    var timerText = timerElement.text();

    var intervalID = setInterval(function() {
        if (timerText > 0) {
            timerElement.text(--timerText);
        }
        if (timerText <= 0) {
            clearInterval(intervalID);
            $(".campo-digitacao").attr("disabled", true);
        }
    }, 1000);
});

Alguém sabe dizer o porquê?

Obrigado