JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="box">Test</div>

CSS

#box {
    margin: 1em;
    padding: 1em;
    background: #ffc;
    border: 1px solid #999;
    width: 12em;
    border-radius: 10px;
}

.visible {
    display: none;
}

JavaScript

function randRange(data) {
       var newTime = data[Math.floor(data.length * Math.random())];
       return newTime;
}

function toggleElement() {
    
       var timeArray = new Array(200, 300, 150, 250, 2000, 3000, 1000, 1500);

       
       $("#box").toggleClass("visible");

       clearInterval(timer);
       timer = setInterval(toggleElement, randRange(timeArray));
}

var timer = setInterval(toggleElement, 1000);