Моя проблема форматирования времени функции jquery?

Question

Здравствуйте, у меня есть функция jquery, которая называется «время создания»

Это создает текстовое поле в формате «ЧЧ: ММ: СС».Когда пользователь выбирает это поле ввода:

Выбор переходит к 0 (начальная точка), и пользователь может вводить часы.

Как только пользователь вводит часть часов, функция переходит на точку выборав позицию 3 после «:», однако он не делает этого после завершения части «ММ».Как мне это сделать?Спасибо

Также, как я могу ограничить текстовое поле, чтобы после того, как пользователь завершил часть секунд "SS", он больше не мог войти?

Попробуйте сами здесь.

http://jsfiddle.net/sArjQ/2/

Код можно найти здесь:

for (var i = 0; i < 1; i++) {
    var input = $("<input>", {
        name: 'time' + i,
        val: '00:00:00'
    });

    input.click(function() {

        $(this).prop({
            selectionStart: 0,
            selectionEnd: 0
        });

    }).keydown(function() {

        var sel = $(this).prop('selectionStart'),
            val = $(this).val(),
            newsel = sel === 2 ? 3: sel;
        newsel1= sel === 2 ? 5: sel;

        $(this).val(val.substring(0, newsel) + val.substring(newsel + 1))

        .prop({
            selectionStart: newsel,
            selectionEnd: newsel
        });
    });

    $('body').append(input);
}

Спасибо

Answer 1

Для ограничения используйте это;

$("input#video_stream_offset_custom").val(hms.substring(0, 8));

Answer 2

Вот, пожалуйста,

    newsel = sel === 2 ? 3: sel;
    newsel = sel === 5 ? 6: newsel;

http://jsfiddle.net/AlienWebguy/sArjQ/3/