JSFiddle - React, Tailwind, and code Playground
HTML
Block Time = 128/44100 = 0.0029024943310657597
<br><br>
<input id="clickMe" type="button" value="clickme"/>
<br><br>
<div id="currentTime_value"></div>
JavaScript
window.AudioContext = window.AudioContext || window.webkitAudioContext
var context = new AudioContext();
var interval;
var info = "";
var currentTimeValue;
var i = 0;
function init(){
//create an node to start the currentTime
var gain = context.createGain();
interval = window.setInterval(saveCurrentTime, 0.02);
currentTimeValue = document.getElementById("currentTime_value");
}
function saveCurrentTime(){
info = info + context.currentTime + "<br>";
if(i === 20){
clearInterval(interval);
draw();
}
i = i + 1;
}
function draw(){
currentTimeValue.innerHTML = info;
}
document.getElementById("clickMe").onclick = init;