Checking time since last key was pressed

Question

I'm making a script that requires the ability to redirect someone if a key has not been pressed within 15 seconds, the only problem is I don't know how to check how much time has lapsed since the last key was pressed.

I am aware of keyboard events but they wait for input instead of checking when last input was received.

Answer 1

This is rather simple implementation, but should offer you guidelines on how to build your own:

 let timeout; const handleKeyUp = (ev) => { clearTimeout(timeout); timeout = setTimeout(() => { location.href = '//google.com' }, 15e3); } window.addEventListener('keyup', handleKeyUp);

Answer 2

 let timeout; $(window).keypress(function(e) { if(timeout) { clearTimeout(timeout); timeout = null; } timeout = setTimeout(() => console.log(e.key), 1500) // 1.5 sec so you can see the effect quicker });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 3

Try something like this:

HTML:

<input class="form-control" type="text" id="input">
<input type="hidden" value="0" id="lastKeyPressTime">

Javascript:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script>
    function inactivitiy(){
        var lastTime = $('#lastKeyPressTime').val();
        lastTime++;
        $('#lastKeyPressTime').val(lastTime);
        if(lastTime>15){
            //alert('time to redirect !');
            window.location = "http://www.example.com";
        }
        setTimeout(function(){
            inactivitiy();
        }, 1000);
    }
    $(document).ready(function(){
        $('#input').on('keypress', function(){
            $('#lastKeyPressTime').val(0);
        });

        inactivitiy();

    });
</script>

This should do the trick