video time.js

let video = document.querySelector("video");
let frameTime = 0.01;
let timeElem = document.createElement("div");
let q = document.createTextNode("---");
timeElem.style.position = "fixed";
timeElem.style.top = "0";
timeElem.style.right = "0";
timeElem.style.padding = "10px";
timeElem.style.fontSize = "24pt";
timeElem.style.backgroundColor = "#fff";
timeElem.style.color = "#000";

timeElem.appendChild(q);
document.body.appendChild(timeElem);
setInterval(() => (q.nodeValue = video.currentTime.toFixed(2)), 100);
window.addEventListener("keypress", function(evt) {
  console.log(evt.key);
  if (evt.key === ",") {
    video.pause();
    video.currentTime = Math.max(0, video.currentTime - frameTime);
  } else if (evt.key === ".") {
    video.pause();
    video.currentTime = Math.min(video.duration, video.currentTime + frameTime);
  } else if (evt.key === "k") {
    if(video.paused) video.play(); else video.pause();
  } else if (evt.key === "d") {
    video.pause();
    video.currentTime = Math.min(video.duration, video.currentTime + frameTime * 10);
  } else if (evt.key === "a") {
    video.pause();
    video.currentTime = Math.max(0, video.currentTime - frameTime * 10);
  } else if (evt.key === "l") {
    video.pause();
    video.currentTime = Math.min(video.duration, video.currentTime + frameTime * 100);
  } else if (evt.key === "j") {
    video.pause();
    video.currentTime = Math.max(0, video.currentTime - frameTime * 100);
  }
});