JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<button id="button1">Start Timer</button>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

JavaScript

var Timer;
document.getElementById("button1").onclick = function(e){
    var x = new Date();
    document.getElementById("div1").innerHTML = "Before Timer statement: " + x.getTime();
    Timer = setTimeout(TimerFn, 2);
    for(var i = 0; i<10000; i++){
      for(var j = 0; j<10000; j++){

      }
    }
    var z =  new Date();
    document.getElementById("div2").innerHTML = "after Timer statement: " + z.getTime();
}

function TimerFn(){
    var y = new Date();
    document.getElementById("div3").innerHTML = "after TimerFn execute: " + y.getTime();
}