Как сделать формат по умолчанию для вводимого значения в поле ввода текста с помощью Javascript / jQuery

У меня есть пример вроде

в поле ввода изображения выше я просто помещаю 1 и по умолчанию конвертирую 1:00, когда щелкаю за пределами поля ввода.

Я нашел много примеров, но не могу найти точно таких.

Как я могу это сделать?

Очень признателен, если решил это.

Мой HTML

<input class = "form-control time-count" type = "text" name = "hour-times" id = "hour_times">

JS, в настоящее время просто предотвращает символ и добавляет двоеточие : после двух цифр.

var time = document.getElementsByClassName('time-count'); 
for (var i = 0; i < time.length; i++) { 
    time[i].addEventListener('keyup', function (e) {; 
        var reg = /[0-9]/;
        if (this.value.length == 2 && reg.test(this.value)) this.value = this.value + ":"; 
        if (this.value.length > 5) this.value = this.value.substr(0, this.value.length - 1);
    });
};

Спасибо