JSFiddle - React, Tailwind, and code Playground

by nveron

JavaScript

var timings = [],
    started = false;
    
function draw() {
  alert("bla");
  var ctx = document.getElementByTagName("canvas").getContext("2d"),
      lastTime = timings[timings.length - 1].end,
      offset = lastTime - timings[0].start;
            
    
  
}


window.addEventListener("keydown", function(e){
  console.log("q")
  if (!started) {
    t = setTimeout(500, function() { draw() });
    started = true;
  } else {
    clearTimeout(t);  
  }
  
  timings.push({key: e.key, start: new Date().getTime()}
              )
});

window.addEventListener("keyup", function(e){
  clearTimeout(t);
  timings[timings.length -1].end = new Date().getTime();
});