JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<span id="log"></span>
<br/>
<span id="enteredTime">0</span>

JavaScript

var count = 0;

$(document).keypress(function(e) {
    var element = $("#log");
    var timeDifference = 0;
    
    if(e.which == 13){
        
        count++;
        console.log('enter pressed'+count);
        if(count == 1){
            startTimer();
        }
        else{
            checkCount();
        }
        //Log the timestamp after pressing Enter
        $("#enteredTime").text(new Date().getTime());
        
        if ($("#enteredTime").text() !== "0") {
            var now = new Date().getTime();
            var previous = $("#enteredTime").text();
            difference = now - previous;
        }
        
    }
    
});

function startTimer(){
    setTimeout(checkCount,5000);
}

function checkCount(){
        if(count == 1){
            $("#log").text("Once");
            $("#enteredTime").text("0");
        //Check if enter was pressed twice in 5 secs
        }else{
             $("#log").text("Twice in less than 5 secs");
             $("#enteredTime").text("0");
        }
}