Как Modal Bootstrap всегда показывает, когда вводимые символы текстового поля устанавливают тайм-аут

Question

У меня проблема с Modal div addclass при settimeout.

1. Как div #test addclass: нет, когда текстовое поле не вводит символы после 3 с.
2. Когда я вводю символ текстового поля , div #test addclass: focus

Возможно, настроенная мной js неверна. Помоги мне решение. Большое спасибо.

HTML:

<div id="mymodals" class="modal fade" role="dialog">
<div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Header Modal</h4>
        </div>
        <div class="modal-body">
            <div id="test">
                <input id="inputone" class="form_test" name="inputname">
                <input id="inputtwo" class="form_test" name="inputname">
            </div>
        </div>
    </div>
</div>

Js:

<script>
    $(function () {
        setTimeout(function () {
            $('#mymodals').modal('show')
        }, 3000);
        $('#mymodals').on('show.bs.modal', function () {
            var myModal = $(this);
            clearTimeout(myModal.data('hideInt'));
            myModal.data('hideInt', setTimeout(function () {
                $('input').blur(function () {
                    myModal.data('hideInt', setTimeout(function () {
                        $("#test").addClass("none");
                    }, 3000));
                })
                .keypress(function () {
                    $(this).addClass("focus");
                });
            }, 3000));
        });
    });
</script>