JSFiddle - React, Tailwind, and code Playground

by Luis Lebolo

HTML

<div id="container">
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM Element</div>
    <div>Some DOM...

CSS

#container {
    border: 1px dotted red;
    width: 100%;
    height: 100%;
}

JavaScript

//debugger;

var container = document.getElementById("container");
container.style.visibility = "hidden";

//debugger;

// In my case, some d3 code that draws SVG elements
// In this case, something that makes the browser work for x seconds
var delay = 3000,
    counter = 1000;

var t0 = new Date().getTime(),
    t1 = undefined;

while ((t1 = new Date().getTime()) <= t0 + delay) {
    if (t1 >= t0 + counter) {
        console.log(counter);
        counter += 1000;
    }
}

container.style.visibility = "visible";